/*Layout Principal*/
body { margin:0; text-align:center; }
body#seccion-1 {background-color:#90C84A;}
body#seccion-1 #header{float:left; background:#00BBF2 url(../imagenes/bg_header-empresa.jpg) left top no-repeat; height:250px; border-bottom:4px solid #45BDE4;}

/*Seccion No tradicionales*/
body#seccion-notradicionales {background-color:#90C84A;}
body#seccion-notradicionales #header{float:left; background:#90C84A url(../imagenes/bg_header-notradicionales.jpg) left top no-repeat; height:194px; border-bottom:4px solid  #060;}
body#seccion-notradicionales #head-cen{width:60%; float:left; padding:25px 0 0  4%;}
/*Seccion Ubicacion*/
body#seccion-ubicacion {background-color:#90C84A;}
body#seccion-ubicacion #header{float:left; background:#663366 url(../imagenes/bg_header-ubicacion.jpg) left top no-repeat; height:194px; border-bottom:4px solid  #060;}
body#seccion-esteriliza {background-color:#90C84A;}
body#seccion-esteriliza #header{float:left; background:#000969 url(../imagenes/bg_header_azul.jpg) left top no-repeat; height:250px; border-bottom:4px solid  #060;}

body#seccion-ubicacion #head-cen{width:60%; float:left; padding:25px 0 0  4%;}
body#seccion-ubicacion #head-der{float:right; width:26%;}

/*Seccion Servicios*/
body#seccion-servicios {background-color:#90C84A;}
body#seccion-servicios  #header{float:left; background:#009933 url(../imagenes/bg_header-naranja.jpg) left top no-repeat; height:194px; border-bottom:4px solid #060;}
body#seccion-servicios  #head-cen{width:60%; float:left; padding:25px 0 0  4%;}
body#seccion-servicios  #head-der{float:right; width:26%;}
/*Seccion contacto*/
body#seccion-contacto {background-color:#90C84A;}
body#seccion-contacto  #header{float:left; background:#CC6600 url(../imagenes/bg_header-contacto.jpg) left top no-repeat; height:194px; border-bottom:4px solid #F60;}
body#seccion-contacto  #head-cen{width:60%; float:left; padding:25px 0 0 4%;}
body#seccion-contacto  #head-der{float:right; width:20%;}
body#seccion-contacto  #head-izq{float:right; width:20%;}

/*Headers*/
h1{ margin:2px;}
h1 span{font:bold 24px Arial, Helvetica, sans-serif; color:#060; letter-spacing:-1px;}
h2{font:bold 22px Arial, Helvetica, sans-serif; letter-spacing:-1px;}
h3{font:bold 14px Arial, Helvetica, sans-serif; letter-spacing:-1px;} 

/*Formulario*/
input {font:normal 11px Arial, Helvetica, sans-serif; color: #666; width:340px; background: none #fafafa; padding: 2px;border: 1px solid #AAA;}
select{ font:normal 11px Arial, Helvetica, sans-serif; color: #666; width:206px; } 
option {font:normal 11px Arial, Helvetica, sans-serif; color: #666; padding-left: 2px;}
textarea {font:normal 11px Arial, Helvetica, sans-serif; color: #666;  background: none #fafafa;  padding: 2px; border: 1px solid #AAA;}
label {float: left; width:110px; text-align:left;!important padding-left: 10px; margin: 5px 2px 1px 0px;}
fieldset { padding: 12px 3px 3px 20px; border: 1px solid #DDD;}
form p{ clear: left; text-align:left;!important}


/*Clases*/
.envio{width:120px; background-color:#369; float:right; font: bold 11px Arial, Helvetica, sans-serif; cursor:pointer; margin-right:86px; color:#FFF;}
.ancho {width:940px;}
.columna{ width:19%; float:left; text-align:center; display:block; }
.columna  img{ margin:2% 0 0 22px; }
.animales {list-style:none; padding:0;}
.animales li{font:bold 12px Arial, Helvetica, sans-serif; color:#060; margin:2px 0 2px 0;}
.verde{font-weight:bold; color:#060;}
.verde-obscuro{color:#060;}
.azul{ color:#09C; font-weight:bold;}
.morado { color:#636; font-weight:bold;}
.amarillo{color: #FF0}
.izquierda {float:left;}
.derecha{float:right;}
.servicio {width:500px; }

.servicio ul {
	list-style:circle;
	padding:2px 0 0 6px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#060;
}

.telefono {	color:#603;	font-weight:bold; font-size:0.9em; }

#botonera {width:69%; float:right; text-align:right; height:108px; }
#logo{width:20%;}

#contenedor-principal{margin:auto; width:980px;}
#contenedor-bg{float:left; margin:auto; width:980px; }
#contenedor{margin: 0 0 0 20px; float:left; text-align:left; }
#contenido{float:left; background:#FFF url(../imagenes/bg_contenido.jpg) left top repeat-x; }

#header p{font:normal 18px Arial, Helvetica, sans-serif; color:#FFF;}
#head-izq{width:20%; float:left; padding-top:50px;}
#head-cen{width:48%; float:left; padding-top:60px;}
#head-cen p{ line-height:30px;}
#head-der{float:right; width:32%;}


#footer{clear:both; float:left; background-color:#036; }
#footer p{ font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}
/*Temrina layout Prinicpal*/

#menu{ float:left; background:url(../imagenes/header.gif) left top no-repeat; height:108px; }
#colLeft{float:left; width:66%;}
#colRight{float:left; width:28%; margin:3% 0 0 0;}
#colRight p a{font:normal 13px Arial, Helvetica, sans-serif; color:#039; float:right; text-decoration:none;}
#colRight p a:hover {text-decoration:underline;}
#colRight-1{ background:url(../imagenes/bg_mascotas.jpg) left top no-repeat; padding:2%; margin:4% 0 0 0 ;}
#colRight-1 p{font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; line-height:18px;}
#colRight-2{ background:url(../imagenes/recuperacion.jpg) left top no-repeat; padding:2%; margin:1% 0 0 0 ;}
#colRight-2 p{font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; line-height:16px;}
#colRight-3{ background:url(../imagenes/esteriliza.jpg) left top no-repeat; padding:2%; margin:1% 0 0 0 ;}
#colRight-3 p{font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; line-height:16px;}

#menu-servicios {width:20%;}
#contenido-servicios{width:75%; float:left;}
#right{float:left;  width:24%;}

#tabla {float:left; width:100%;}

#texto{float:left; margin:2% 0 6% 5%; background:url(../imagenes/pata.gif) center center no-repeat; width:92%;}
#texto p{font:normal 12px Arial, Helvetica, sans-serif; color:#003; text-align:justify; /*line-height:22px;*/}

/*Menu principal*/
#nav { list-style:none; padding:61px 0 0 0; }
#nav li{float:left;  margin: 0px 0px 2px 0px; text-align:center; clear:bottom; }
#nav li a{ display:block; width:120px; padding:8px 0 8px 0; font:bold  12px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
#nav li  a:hover {color:#FC0; }
#nav .quienes{  background:url(../imagenes/bg-btn-quienes.gif) center top no-repeat; color:#FC0; !important }
#nav .servicios{ background:url(../imagenes/bg-btn-servicios.gif) center top no-repeat; color:#FFF;!important }
#nav .instalaciones{ background:url(../imagenes/bg-btn-instalaciones.gif) center top no-repeat; color:#FFF;!important }
#nav .ubicacion{ background:url(../imagenes/bg-btn-ubicacion.gif) center top no-repeat; color:#FFF;!important }
#nav .contacto{ background:url(../imagenes/bg-btn-contacto.gif) center top no-repeat; color:#FFF;!important }

div.scroll {
	width: 610px;
	height: 350px;
	overflow: auto;
	border: 1px solid #999;
	padding: 3px;
}

div.scroll ul {
	list-style: square;
	padding-left: 15px;
	color: #060;
}

div.scroll li{
	font: 12px Arial, Helvetica, sans-serif;
}

img {
	border:none;
}