/**{padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*/

HTML{ width:100%; 
	height:100%;}

body{
	font-family: Arial,sans-serif;
	margin:0;
	
	  background: #a5ab33;
   width:100%; 
   height:100%;
   background-image:url(imagesweb/huecos.png);
   background-repeat:inherit;

}

a:link, a:visited, a:hover {
	color:
rgba(255,255,255,1.00);
	text-decoration: none;
}

a:hover {
	color:
#777;

	
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family:
	"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color:#360;
 
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

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

section#container{
	/*min-width: 1347px;*/
	max-width: /*1366*/1280px;
	margin:0 auto;
	margin-top:0px;
	min-height:100%;
	position: relative;
    top: 0;
	bottom: 100px;
	/*border-bottom:solid 3px #F5BA0C;*/

	
}

section#containerMaster{
	
   max-width:/*1347*/1280px;
   min-height: 100%; 
   
	margin:0 auto;
	margin-top:0px;
	min-height:100%;
	top: 0;
    bottom: 0;
	/*background-color:#F5BA0C;*/
	background-repeat:inherit;
	background-repeat:inherit;
	/*background-image:url(imagesweb/textb.png);*/
	
}

header{
	width:100%;
	margin: 0 auto; 
	
}

div#contenido{
	width:/*1347*/1280px;
	overflow: auto !important;
	height: 100%;
	height: auto !important;
	margin-top:100px;
	

}

footer{
	width:100%;
	height:90px;
	margin: 0 auto;
	/*background-color:#669900;
	background-position:top;
	background-repeat:repeat-x;
	background-image:url(imagesweb/footbarra.png);
	background-position:right;
	background-repeat:no-repeat;*/
	
	/*border-top:solid 4px #FFF;*/
	position:relative;
	margin-top:-90px;
	
	
	
	

}

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

div#masthead{
	height:110px;
	color:#030;
	-webkit-box-shadow: 0px 2px 4px -1px rgba(130,126,130,1);
	-moz-box-shadow: 0px 2px 4px -1px rgba(130,126,130,1);
	box-shadow: 0px 2px 4px -1px rgba(130,126,130,1);
	/*border-right:solid 25px #360;*/
	position:fixed;
	top:0;
	/*left:0;*/
	width: /*1348px*/1280px;
	background-color: #accf65;
	/*border:solid 1px #F0F ;*/
	/*margin-right:0px;*/
	margin-left:50%;
left:/*-674.5*/-640px;
border-bottom:solid 3px rgba(255,255,255,1.00);
border-top:solid 10px #accf65;

	
	
	 
	

	
}

div#bienvenido{
	height:50px;
	background-color:#FF6600;
}

div#globalN{
	height:90px;
	width:100%;
	margin-bottom:0px;
	/*background-color:
	 #33FF00;	 */
	/*background-image:url(imagesweb/bisel.png);*/
	background-position:
	right;
	background-position:bottom;
	background-repeat:
	repeat-x;
	/*border: 1px solid #000;*/
	background-color:#03C;
	
	
	}


div#sectionLinks2{
	width:390px;
	height:90px; 
	float:left;	
	margin-left:20px;
	background-color:#3F0;
	/*background-color:#00FF00;*/
	/*border: 1px solid #000;*/
/*background-image:
	url(imglogo/bienvenido2.png);*/
	
	/*padding-bottom:50px;*/
	
	
}


 #sectionLinks{

 width:200px;
 height:200px;
 margin-top:0px;
 border: 1px solid #000;
  
  }
  
  
                               
		



           /* ----------------- menu vertical opcional----------*/
		   
	/*div#navBar{
	width:220px;
	margin-top:0px;
	min-height: 100%;
	background-color:#000000;
	
	height:470px;
	background-color:
	#F00;
	
	
}*/
	   
		   

#menuleft{
	width: 780px;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	 Verdana, Lucida, Geneva, Helvetica, 
	 Arial, sans-serif;
	/*background-color:#0F0;*/
	height:30px;
	margin-top:30px;
	margin-left:-60px;
	/*background-color:
	#0F0;*/
	
	
	

	
   
  
 }
 
.menu1{
	height:90px;
	width:800px;
	
	
	  
		/* margin-top:-73px;*/
		
		 
	
 }
 
ul  {
	 padding:0px;
	 /*z-index:2;*/
}
 
 ul li {
	 list-style:none;
	 width:120px;
}

.menu1 li {
	position:relative;
	display:inline;
   text-align: center;

}	 

.menu1 li:hover {
		background-color:#889520;
		height:220px;
}	

.menu1 li:hover a{
		
		background-color:#464d0f;
		/*border:solid 1px rgba(255,255,255,1.00);*/ 
		padding: 13px 25px 12px 25px;
		/*border-bottom:solid 1px rgba(255,255,255,1.00);
	border-top:solid 1px rgba(255,255,255,1.00);*/
	border:solid 1px rgba(255,255,255,1.00);
		
				
		color:#fff;

	/*opacity:0.6;
	    filter:  alpha(opacity=60);*/
		
}	



.menu1 li a{
	
	display:inline;
	padding: 13px 25px 12px 25px;
	background-color:transparent;
	text-decoration: none;
	color: #fff;
	/*border-left:solid 0.5px #ebebeb;
	border-right:solid 0.5px #accf65;*/

	-moz-transition:0.2s;
       -ms-transition:0.2s;
       -o-transition:0.2s;
       -webkit-transition:0.2s;
        transition:0.2s;
		border:solid 1px 
		rgba(0,0,0,0.00);
		
		
		
		 
	 }	

.menu1 li.active a{
	background-color:
/*#CC3;*/ #889520;
	color:
#FFF;
	/*opacity:0.8;
	filter:  alpha(opacity=80);*/
	border:solid 1px rgba(255,255,255,1.00);
	padding: 13px 25px 12px 25px;
	
	
	 }	


/*-----------------------------------active----------------------------------*/
/*.menu1 ul li.active a{
color:#fff;

border-left:dashed 0.3px #656464;
border-right:dashed 0.3px #a0a0a0;
}*/

.menu1 li:hover > .submenu{
	display:block;
	 
	
}


.menu1 li ul {
	display:none;
	z-index:2;
	/*transition: height .3s ease 0s;
overflow: hidden;
height: 0;*/

 
}	


/*-----------( submenu )--------*/


 .menu1 li:hover ul{
	
	display:block;
	position:absolute;
	left:0px;
	top:8px;	
	width:180px;
	margin-top:24px;
   /*height: 19em;*/
   border:none;

		 

}  

.menu1 li ul a{
	width:165px;
	
	color:#000;	
	text-align:center;
	margin-left:0px;
	font-size:14px;
	font-stretch:condensed;
	display:block;
	text-align:center;
	/*background-image:
	url(imagesweb/text3.png);*/

	opacity:0.9;*/
	 filter:  alpha(opacity=90);
	 height:15px;
	/*border-top:solid 1px #FFF;*/
	padding: 12px 0px 20px 0px;
	z-index:5;
}	

/*.menu1 ul li:first-child a{border-radius: 0 15px 0 0;} */  

/*-------------.menu1 ul li:last-child a{border-radius: 0 0 15px 15px;}----------------*/

 

.menu1 li ul a:hover{
	
	/*background-color:#3d5b01;*/
	color:rgba(246,255,99,1.00);/*#889520*/

	/*height:15px;*/
	/*background-image:
	url(imagesweb/text2.png);*/
	opacity:0.9;
	filter:  alpha(opacity=90);
	text-align:center;
	height:15px;
	/*border-top:solid 1px #FFF;*/
	background-color:#111302;
	text-decoration:underline;
	
	
	

	}	 



/*-----------( fin submenu )--------*/

/*div.menu1 li:hover > span, div.menu1 li:hover > a {
	color: #220000;
	background-color: #eeeabe;
}*/



/*menu1 li:hover > .submenu{
	display:block;
}*/
 
  
       /* ----------------- menu HORIZONTAL---------------*/
	   
	   
/* ........este es el menu horizontal ....*/

div#globalNav{
	height:30px;
	width:580px;
	text-align:right;
	margin-right:10px;
	float: right;
	margin-top:70px;
	/*background-color:#F11519;*/
	
	
	
	
	padding-right:20px;
	/*border: 1px solid #000;*/
}

	   
	   
	   
div#globalNav a{
	/*display:block;*/
	background-color:#afcb1d;
	color:#4d5520;
	padding: 30px 8px 8px 8px;
	margin-left:0px;
	/*border-left:1px solid #4d5520;*/
	/*border-bottom:1px solid #4d5520;*/
	border-radius:12px 12px 0px 0px;
	text-transform:uppercase;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease; 
	-o-transition:all 0.5 ease;
	
	
	
	

}

div#globalNav a:hover{
	
	/*display:block;*/
	background-color:#a2bd17;
	color:#FFFFFF;
	padding: 40px 8px 8px 8px;
	-webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
	 
	  /*border-left:none;*/
	  /*border-left:1px solid #4d5520;*/
	  /*border-bottom:1px solid #4d5520;*/
	  /*border-right:1px solid #4d5520;*/
	  /*opacity:0.8;
	filter:  alpha(opacity=80);*/
	/*border-top:8px solid #F7F3F3;*/
	-webkit-box-shadow: 0px -2px 8px 1px rgba(0,0,0,0.32);
-moz-box-shadow: 0px -2px 8px 1px rgba(0,0,0,0.32);
box-shadow: 0px -2px 8px 1px rgba(0,0,0,0.32);
	
	
	
	
	  
	  
	  

}



div#content{
	
	float:left;
	width:/*1347*/1280px;
	margin:auto;
	padding-top:130px;
	padding-bottom:120px;
	padding-left:0px;
	height: auto !important;
	
	background-image:url(imagesweb/teclado.png);
	background-position:top;
	background-position:left;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:
	
	
	
	/*min-height:700px;*/
	/*border-bottom:solid 4px #C3C;*/
	
	/*  esta es div del contenido que trabaja neil*/
	
}



div#titulo{
	height:45px;
	padding-top:0px;
	padding-left:20px;
	
	
	
	
}



#siteInfo {
margin-left:56px;
padding-top:10px;
color:#FFFFFF;

width:800px;

}


#caja {

	width:300px;
	height:500px;
	background-color:c9fe83;
    box-shadow: 2px 2px 5px #999;
	border-right: 2px  solid  #669900;
	border-left: 2px  solid  #669900;
	border-top: 2px  solid  #669900;
	border-bottom: 2px  solid  #669900;
	border-radius: 15px 15px;
}

#tabla {
margin-left:10px;
margin-top:30px;



}

#tablatexto {
color: rgba(38,68,134,1.00);
width:400px;
height:10px;
margin-top:20px;
font-family:'Gill Sans';
font-size: 22px;
}

.clase a{ (estado off)
color: #ff0000;
}
.clase a:hover{ (estado rollover)
color:#ffcc00;
}
.clase a.seleccionado { (estado selecci�n actual).
color:#000;
}

#submenu a:link{
color: #666666;
text-decoration: none;
}

#nombre{
	text-decoration: none;
	width:410px;
	height:94px;
	float: left;
	margin-left:-20px;
	/*background-color: #3F0;*/
	
	/*border-bottom: solid 1px #ebebeb;*/
	
}

#menus{
	text-decoration:none;
	width:800px;
	height:100px;
	float:right;
	/*background-color:#F3F;*/
	/*background-image:url(imagesweb/borde.png);*/
/*	  background-image:url(imagesweb/barra.png);
	background-position:right;
	background-repeat:no-repeat;   */
	margin-top:0px;
	/*margin-right:200px;*/
	margin-right:0px;
	/*position:absolute;*/
	/*border:solid 1px #00F;*/
	
	
	
	

	
}

.dato1{
	margin-top:18px;
	width:219px;
	height:42px;
	float:left;
	margin-bottom: 2px;
	text-align:right;
	text-align: left;
	font-weight: normal;
	text-align: left;
	color:
	rgba(255,255,255,1.00);
	border-left:solid 1px rgba(255,255,255,1.00); 
	
	font-size: 11px;
	margin-left: 10px;
	/*background-color: #96F;*/
	
}	 

 

.renombrado{
	
	width:220px;
	height:45px;
	float:left;
	margin-top:0px;
	margin-left: 10px;
	
	/*border-radius: 0px 30px 30px 0px;
-moz-border-radius: 0px 30px 30px 0px;
-webkit-border-radius: 0px 30px 30px 0px;*/

}	 
.tex{
	margin-top:12px;
	margin-left:0px;

}	
.cuadro{
	width:180px;
	height:95px;
	/*background-color:
	#669900;*/
	/*background-image:url(imagesweb/casita.png);*/
	float:left;
	margin-left:0px;
	margin-top: 0px;
	}
	
#circulo1{
	width:200px;
	height:50px;
	color:#C00;
	background-image:url(imagesweb/veterinario.png);
	margin-right:80px;
	margin-top: -40px;
	float:right;
	}
	
	
#containerMaster1{
	max-width:/*1347*/1280px;

   min-height: 100%;     
   height: auto !important;  
    height: 100%;   
    margin: 0 auto -94px;
	margin-top: -100px;

	/* el magin-bottom es el valor negativo de     
    la altura del footer */
	
	/*margin-bottom:-90px;*/
	
	
	position:relative;
	/*border: solid 1px #0CF;*/
	/*margin: 0 auto; 3*/  
	
	background-repeat:inherit;
	/*background-image:url(imagesweb/textb.png);*/
	border-right:2px  solid  #accf65;
	border-left: 2px  solid  #accf65;
	-webkit-box-shadow: 0px 2px 10px 2px rgba(54,54,54,1);
-moz-box-shadow: 0px 2px 10px 2px rgba(54,54,54,1);
box-shadow: 0px 2px 10px 2px rgba(54,54,54,1);
	
	overflow: auto !important;
}
		
		
		
#cabeza{
	width:100%;
	height:100px;
	margin: 0 auto;
	position:
relative;
	
	/*border:solid 4px  #F00;*/
	
	
	
}
	
.footin {
	
	width:/*1347*/1280px;
	height:90px;
	background-color:#accf65;
	border-top:solid 3px 
	rgba(255,255,255,1.00);
	/*border-bottom:solid 1px rgba(39,56,1,1.00);*/
	
	
	/*margin-rigth:50%;
    rigth:-674.5px;
	margin-top: 0px;
	margin-left:300px;*/
	margin: 0 auto;
}

/* --- Ajuste para permitir scroll en listados largos (Maker) --- */
html, body {
    height: auto !important; /* permitir que la página crezca */
    min-height: 100%; /* mantener compatibilidad */
}

/* El contenedor principal de contenido debe permitir scroll si sobrepasa la pantalla */
div#contenido {
    overflow: auto !important; /* mostrar barra de scroll cuando sea necesario */
}