body {background-color:#58A9FA;}

img { border:0;}

.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.clear_fix {height:1%; overflow:hidden;}
.align-right { text-align:right;}
.oculto {display:none;}
a:link {text-decoration: none; color:white;}
a:visited {text-decoration: none; }
a:active {text-decoration: none; }

#todo {text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
/**************Portada************/
.portada #cabecera {margin:0 auto; height:auto;}
.portada #cab-izq {width:530px;}
.portada #menu1 li {height:130px; margin: 0 10px 0 0;}
.portada #menu1 a {line-height:auto; height:130px; background:none; padding:0; text-align:center; text-transform:uppercase;}
.portada #perros { background: url(../img/bg-portada-perros.jpg) no-repeat; width:120px;}
.portada #gatos {background: url(../img/bg-portada-gatos.jpg) no-repeat; width:120px;}
.portada #roedores {background: url(../img/bg-portada-roedores.jpg) no-repeat; width:120px;}
.portada #menu1 #aves{background: url(../img/bg-portada-aves.jpg) no-repeat; width:120px; margin:0;}

.portada #cab-der {width: 250px;}
.portada #menu2 {margin: 35px 0 0;}
.portada #menu2 li {width:235px;  margin: 0 0 5px; }
.portada #menu2 a {background:#58A9FA url(../img/bg-bullet-portada.jpg) no-repeat 5px; padding-left:50px;}
.padding-box {padding:15px;}
.fondoverde {text-align:center; background:#049105; color:#fff; font-weight:bold; font-size:13px; padding:10px; margin-top:20px}

#dondeEstamos {width:233px;margin: 0 15px 15px 0; background:#A1CFFD; border:1px solid #58A9FA;}
#dondeEstamos h2 {height:40px; background: url(../img/bg-donde-portada.jpg) no-repeat 5px; display:block; line-height:40px; font-size:13px; font-weight:bold; color:#000065; padding-left:50px; margin:0;}
#dondeEstamos p {font-size:12px; padding: 0 10px; color:#333; margin:0;}
#dondeEstamos img {margin: 10px 0;}
#dondeEstamos .telefonoPortada { text-align:right; margin: 0 0 5px; color:#2A4280; font-weight:bold; background: url(../img/bg-telf-portada.jpg) no-repeat 90px; height:32px; }

.cajas td {border-right: 15px solid #58A9FA;}
.cajas .no-border {border-right:none; text-align:center;}

.cajaGris img {margin:0 10px;}
.flickrPortada {height:53px; background:#fff; margin:10px 0 0; border:1px solid #ccc;}
.flickrPortada img {margin: 0 10px 0 5px;}
.flickrPortada p {line-height:53px;  font-size:14px; color:#666;  margin:0;}

/***************Resto**************/


#cabecera {width:800px; margin:0 auto 15px; background:#fff; height:175px;}

#cab-izq {width:465px; float:left;}
.logo {margin:15px; display:block; text-align:left;width:407px;}
#menu1 {text-align:left;margin:0 0 0 15px; padding:0;}
#menu1 ul, #menu2 ul {margin:0; padding:0; }
#menu1 li, #menu2 li {list-style:none; float:left; }
#menu1 li {margin:0 4px 0 0; height:40px; }
#perros {width: 109px; }
#gatos {width:106px;}
#roedores { width: 115px;}
#aves {width:102px;margin:0;}
#menu1 a {background-color:#000065; display:block; font-size:13px; font-weight:bold;  line-height:40px;}
#perros a{padding-left: 46px; background:#000065 url(../img/bg-menu-perros.jpg) no-repeat 5px;}
#gatos a{padding-left: 46px;  background:#000065 url(../img/bg-menu-gatos.jpg) no-repeat 5px;}
#roedores a{padding-left: 35px; background:#000065 url(../img/bg-menu-roedores.jpg) no-repeat 5px;}
#aves a{padding-left: 50px;  background:#000065 url(../img/bg-menu-aves.jpg) no-repeat 5px;}
#menu1 a:hover {text-decoration:underline;}
#cab-der {width: 332px; float:right;}
.idiomas p {font-size:13px; text-align:right; padding-right:15px; margin:8px 0;}
.idiomas a{ color:#fff; background:#000065; padding:5px; margin:0 0 0 5px; font-weight:bold;}
.idiomas a:hover {text-decoration:underline;}
.telefonosCab { font-weight:bold; color:#000065; font-size:14px;}
.portada .telefonosCab p {padding:21px 0 0;}
.telefonosCab p{ margin:0 auto; padding:4px 0 0;}
.telefonosCab span{display:block;}
#menu2 {margin: 8px 0 0; text-align:left; }
#menu2 li {height:40px; width:158px;  margin: 0 4px 4px 0; }
#menu2 a {background:#58A9FA url(../img/bg-menu2.gif) no-repeat 5px; display:block; line-height:40px; font-size:13px; font-weight:bold; color:#000065; padding-left:35px; }
#menu2 a:hover {text-decoration:underline;}
#menu1 a:visited {color:#fff;}
#menu2 a:visited {color:#000065;}
table {  text-align:center; border:0; margin:0 auto;}

.navInterior {background:#A1CFFD; padding:10px; border:1px solid #000065; margin:0;}
.navInterior li {margin: 4px 0; list-style:none;}
.navInterior li a {color:#000065; font-size:13px; text-decoration:none;}
.navInterior a:before {content: "· ";}
.navInterior a:hover {color:#ffffff;}
.navInterior.corta {width:250px;}

.tarjeta, .reserva, .horarios {padding: 5px 15px 5px 65px; color:#000065; }

.tarjeta { background:url(../img/tarjeta.gif) no-repeat 8px ;}
.reserva { background:url(../img/reserva.gif) no-repeat 8px;}
.horarios { background:url(../img/horario.gif) no-repeat 8px;}



#cierreMenu {background-color:#0A107C;}
#cierreMenu td {height:20px; }

#contenido td { padding:12px 8px 0; }

/**Contenidos */

.dosCol td {width:400px;}
.dosCol .bannert {width:800px;}

#contenido {background:#fff; width:800px; margin:0 auto;}

#contenido img {width:380px;}
#contenido #imgPortada { width:700px;}
#contenido #titulo { width: 125px; text-align:left;}
#contenido .vacas {width:350px; height:30px;}
#contenido .adiestra_peq {width:189px; height:283px;}
#contenido .adiestra_gra {width:650px; height:450px;}
#subtitulo { font-weight:bold; color:#0a107c; font-size:18px;}
#contenido .banner {width:780px; height: 245px;}

.caja {background:#fff; text-align:left; font-size:14px;}
tr.caja td{border-bottom: 15px solid #58A9FA;}

.cajaGris { background:#e5e5e5;}

.instruccion {margin:15px 0;}
.instruccion p {margin: 0 0 0 130px; }
#ins .instruccion p {width:508px;}

.destacado {color:#58A9FA; font-size:16px; font-weight:bold;}

.textAzulClaro {color:#58A9FA; font-size:13px; margin:8px 0 0;}
.precio {color:#000065; font-size:17px; font-weight:bolder; margin:0;}
.precio span {font-size:12px;}
.cajas td.textLeft { text-align:left;}
.destaca {font-size:16px; color:#000065; font-weight:bold;}
.cajaAzul { background:#000065; color:#ffffff; padding:8px; font-size:13px}
.cajaAzul span {font-size:20px; float:left; font-weight:bold;}
.cajaAzul .precio {color:#ffffff; font-size:20px; font-weight:bolder;}
.cajaVerde {padding:15px; color:#ffffff; background:#049105;}
.cajaVerde .precio {color:#ffffff; font-size:20px; font-weight:bolder;}
.marg {display:block; float:left; margin-right:15px; height:23px;}
.textCenter {text-align:center;}


.oferta span { font-size:13px; display:block;  border:2px solid #58A9FA; width:120px; height:41px; margin: 0 3px 0;}
.oferta span img {float:left;}
.aviso {margin-top:0; clear:both; font-size:11px;}
/*Listas*/
.bulletTrue li, .bulletCross li, .bulletBlue li, .bulletGreen li{ margin:20px 0;}
.bulletAzul li {margin:5px 0;}

.bulletTrue li { list-style:url(../img/bulletTrue.gif) ;}
.bulletCross li { list-style:url(../img/bulletCross.gif) ;}
.bulletBlue li { list-style:url(../img/bulletBlue.gif) ;}
.bulletGreen li { list-style:url(../img/bulletGreen.gif) ;}
.bulletTrueBlue li {list-style:url(../img/bulletTrueBlue.gif) ; color:#58A9F9; font-size:14px;}
.bulletAzul li { list-style:url(../img/bulletAzul2.gif) ;}
.bulletAzul li.azul {list-style:url(../img/bulletAzul1.gif) ; font-weight:bold;}

.bulletCruzVerde {margin:2em 0 1em 10px; padding:0;}
.bulletCruzVerde li{background:url(../img/bgli2.jpg) no-repeat; list-style:none; padding: 0 0 0 35px; margin:1.8em 0 ;}
.bulletCruzVerde strong {color:#049105;}
img.right+ul li {margin: 1em 265px 1em 0; }


/*Tablas*/

.tableBlue, .tableGrey { border-collapse:collapse; font-size:13px; width:250px; text-align:left;}


.tableBlue { border:1px solid #58A9FA;}
.caja .tableBlue th, .caja .tableGrey th { padding:4px; color:#ffffff}
.caja .tableBlue td, .caja .tableGrey td {border:none; padding:4px;}
.caja .tableBlue tr, .caja .tableGrey tr {height:27px;}

.caja .tableBlue td { border-bottom:1px solid #58A9FA;}
.caja .tableBlue th {background: #58A9FA;}

.tableGrey { border:1px solid #666666;}

.caja .tableGrey td { border-bottom:1px solid #666666;}
.caja .tableGrey th {background: #666666;}

.textLeft {text-align:left;}
.fondoBlanco {background:#fff;}
.fondoBlanco p {font-size: 14px;}
.fondoBlanco p .azul, .fondoBlanco p .verde {font-size:inherit;}
/**Fotos**/
.alta {height:525px;}
.baja {height:233px;}


/**texto portada**/
#texto { margin-top: 22px;text-align:justify; }
#texto h1 {font-size: 17px; color: #0000FF;text-align:center;}
.parrafo1 { color:#0A107C; font-size:13px; display:inline;}
#texto p {font-size:13px;}
.capital {font-size:16px;}
.texto img {width:220px;}

/**Texto interior**/

.parrafoInterior {text-align:justify; font-size:16px;}
.subrayado {text-decoration:underline;}
.verde {font-size:18px; color:#009900;}
strong.verde {font-size:inherit;}
.azul {color:#000065; font-size:18px;}
.azulClaro {background:#A1CFFD; padding:10px; text-align:center;}
#aviso {font-weight:bold;}
#tituloAviso {font-size:24px; text-decoration:underline;}
.subtituloAviso {font-size:18px;}
.direccionMap, .telefonoMap {margin: 15px 15px 15px 50px; padding-left:50px; color: #000065; font-weight:bold;}
.direccionMap { background: url(../img/bgDireccion.jpg) no-repeat left;}
.telefonoMap { background:url(../img/bgTelefono.jpg) no-repeat left;}

.caja a {color: #0066CC; text-decoration:underline;}
table a:hover {color:#58A9FA;}

.horarios li {margin:10px 0; list-style: none; background:url(../img/bgli.jpg) no-repeat left top; padding-left:30px ;}

#parques h3, #chenil h3, .remarcado h3{ margin: 0; font-size:15px; padding:0.2em 0 0;}
#parques, #chenil, .remarcado {padding: 0 0 0 35px; font-size:13px; margin:10px 0; background: url(../img/bulletBlue.gif) no-repeat 10px 5px ;}
#parques p, #chenil p, .remarcado p {margin:0 265px 1em 0;}
.fondoBlanco .remarcado p{font-size:13px;}
.remarcado.bgVerde {background: url(../img/bulletGreen.gif) no-repeat 10px 5px ;}


.separado {margin:35px 0 0 275px; }
/****PIE*****/
#pie {color:#000065; width:800px;}
.mapaweb td {padding-top:12px; }
#pie p {padding-left:70px; font-weight:bold; font-size:13px;}
#pie p span {display:block; margin: 10px 0 0 90px; font-size:16px;}
#pie p, .mapaWeb ul{text-align:left; }
.mapaWeb ul{text-align:left;  padding-left:15px; margin:0 0 3px;}
.mapaWeb li {list-style:none;}
.mapaWeb a {color:#3c528b;  font-weight:bold; font-size:12px;}
.mapaWeb a:hover {color:#000065; text-decoration:underline;}