/* CSS Document */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


.clear
{
	clear:both;
	margin-bottom:5px;/*separacion entre un campo y otro  se le agrego bottom para que me lo separa ra bien porque no qeria hacerlo en firefox*/ 
}

.col1
{
	float:left;/*lo que esta en la etiqueta se va hacia la izquierda*/ 
	width:120px;/*espacio de la columna*/
	font-family:Arial;
        /*text-align:right;*/
        margin:5px;/*separa las letras del marco de la forma*/

       
}

.coltwo
{
	float:left;/*lo que esta en la etiqueta se va hacia la izquierda, pero como ya hay otra etiqueta entonces se va hacia la izquierda pero despues de la otra etiqueta*/ 
	width:230px;/*espacio de la columna*/
	font-family:Arial;
       margin:5px;/*separa las letras del marco de la forma*/
}



.col3
{
	float:left;
	/*margin-left:5px; para que se mueva el mensaje
	/*width:200px;/*espacio de la columna*/
	font-family:Arial;
        font-size:85%;
        color:#330000;
	margin:5px;/*separa las letras del marco de la forma*/
        
}



input,textarea
{
 background:none;/*background-color: #F5F4EB;*/
 font-family:Arial;
 color:#330000;

}


select
{ 
 background-color: white;

 color: black; 
}

#myform
{ 
 /*este es el marco de la la forma no del fieldset*/ 

 border: 1px solid #330000;
 width:580px;
 float:left;
  margin:0 auto;
  margin-left:75px;
}


#contactform/*fieldset*/
{
    
     padding-top:30px;
     background-color:white;
    background-image:url('../images/hojagrande3.gif');
    background-repeat:repeat-x;
    padding-left:15px;
      
}



#bigform /*fieldset*/
{
    width:550px;       
    /*border:solid 2px white;*/
    padding:15px;
    padding-top:30px;
    margin:0 auto;
    background-color:white;


}

.buttonform
{
	padding-top:15px;
}

.littleframe
{
	width:490px;
        margin-left:15px;
        border:1px dotted #330000;
	padding:10px;
}

#submit
{
	margin:15px;
        margin-left:20px;
        font-size:.9em;
}

select,textarea,h4
{
	font-family:arial;
}
.littleheader
{
    margin:15px;
    margin-left:27px;
}

#headupdate
{
   padding-top:10px;
}

/*********table for update page****************************/

#insidecont /* for the delete page*/
{
        position:relative;       
	width:320px;
        height:175px;
        margin-top:70px;
        margin-left:185px;
	border: solid 1px #1D8901;

}

.tableone
{

	width:300px;
	border-collapse:collapse;
	border:solid 1px black;
	/*background-color:#F1EFE6;*/
	text-align:center; 
	
}

.firstrow
{
	background-color:#1D8901;
	font-weight:bold;
	
}

.deletebutton, .updatebutton
{
	
	margin-bottom:15px;
	background:none;
	/*border:none; desaparece el boton*/
	color:black;
	cursor:pointer;
}

.deletebutton
{
        border:none;
        background-image:url('../images/userdelete.png');
        width:32px;
        height:32px;
        
}

.updatebutton
{
        border:none;
        background-image:url('../images/update.png');
        width:32px;
        height:32px;
        
}

#deleteform, #updateform, #deletelast
{
	background:none;
	border:none;
	font-size:.9em;
}
.rows
{
	width:150px;
	border:1px dotted black;
	font-size:.9em;
	text-align:center;
        
      
}

tr.tbcoluma
{
          background-color:#f7f7f7;
      
}


/* delete page related ---table*/


#title2
{
	margin-top:20px;
	margin-left:40px;
}


.cssdelete
{
	
	margin-top:30px;
	margin-left:125px;
	cursor:pointer;
        background-image:url('../images/trash.png');

}

#question
{
	margin-top:35px;
	text-align:center;
	font-size:150%;
        color:#330033;
}

#question img
{
        vertical-align:middle;
}

.title
{
	color:#ffffff;

}




/***************************table end *************************************/



#submit
{
	background-color:#cccccc;
	
}


#contentadmin .msgHappening, #contentadminSp .msgHappening
{
        clear:both;
        float:left;
        width:415px;
        height:40px;
        /*background-color:#C7efcc; */    
        margin-left:145px;
        margin-top:30px;
        color:white;
        font-size:120%;
        text-align:center;
        margin-bottom:15px;
        border:solid 1px #1D8901;
        color:#767981;
        font-weight:bold;
   
}

.msgHappening4
{
        clear:both;
        float:left;
        width:415px;
        height:40px;
        /*background-color:#C7efcc; */    
        margin-left:145px;
        margin-top:30px;
        color:white;
        font-size:120%;
        text-align:center;
        margin-bottom:15px;       
        color:#767981;
        font-weight:bold;
        background-color:#f7f7f7;
   
}

#contentadmin .msgHappening img, #contentadminSp .msgHappening img, .msgHappening4 img
{
        vertical-align:middle;
}


#contentadmin.msgHappening h2
{
    padding:10px;   
}

#linkback2 
{
        
        clear:both;
        position:relative;
        text-align:center;
        font-size:130%;
        margin-top:10px;      
        margin-bottom:20px;
           margin-left:-60px;
    
}

#linkbackproduct
{
        
        clear:both;
        float:left;
        text-align:center;
        font-size:130%;
        margin-top:10px;
        padding-top:10px;
        margin-bottom:20px;
           margin-left:-60px;
    
}

#linkback a
{
        color:#660033;
        font-weight:bold;
     
}


.msgHappening h2, .msgHappening4 h2 
{
    padding-top:4px;
    
}

/************************login stuff**********************/
#contentlogin .msgHappening img
{
        vertical-align:middle;
}


#contentlogin .msgHappening
{
        position:relative;
        width:415px;
        height:40px;
        background-color:black;     
        margin:0 auto;
        color:white;
        font-size:120%;
        text-align:center;
        margin-bottom:25px;          
}

#contentlogin .msgHappening h2
{
    padding-top:10px;   
}

#contentlogin form
{
        float:left;
        width:415px;
        height:250px;
        background-image:url('../images/login.png');
        background-repeat:no-repeat;
        background-color:#f7f7f7;
        border:none;
        margin-top:5px;
    
}

#contentlogin fieldset
{
	width:280px;
        background-color:transparent;
        float:right;	
}

#contentlogin .col1
{
	clear:both;
        width:60px;
        margin-left:20px;
}
#contentlogin .coltwo
{
        margin-left:20px;
       
}
#contentlogin .col3
{
 
     margin-left:-40px;
}


#contentlogin .littleframe
{
       margin-left:-15px;
        width:298px;
        border:none;
}

#contentlogin .littleheader
{

   margin-left:15px;  
   margin-top:-10px;
   font-weight:bold;
       
}

#contentlogin #submit
{
     margin-left:58px;
     margin-top:-1px;
}

#contentlogin input
{
     border:solid 1px #7F9DB9;
}

/**********************last time login related******************/

#timelogin
{
margin-top:100px;
float:left;
margin-bottom:20px;        
}

#timelogin h2
{
        color:#1D8901;
    
        font-size:110%;
}

.lastlog, .lastdate
{
	text-align:center;

        display:inline;
        	
}

#log/*logout*/
{
	float:right;
        text-align:center;
	margin-top:5px;
        margin-right:130px;
        color:black;
        margin-bottom:20px;
        
}

.logout a:link, a:active, a:visited, a:hover
{
        color:black;
}

a.logout
{
        color:black;
}


/*******************************************************************/