@charset "UTF-8";
/* CSS Document */

/* Estilo para Clínica Veterinaria Residencia canina y felina Arlanza
	Diseño + Desarrollo = innovanity
	www.innovanity.com
	C/ Nuño Rasura, 3 - 3º - Burgos 09003 España
	Tel: +34 947 206 180
	¿tienes innovanity?
*/
@import url(../entorno/fonts/Patagonia_Medium_fontKit/stylesheet.css);
@import url(../entorno/fonts/Candela-fontfacekit/stylesheet.css);
/* CSS RESET - Atención a las advertencias */
html {font-size: 1em;}
body {font-size: 100%;; line-height: 1;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0; margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
img {border: 0; display:inline;}
address,caption,cite,code,dfn,th,var {font-weight: normal;font-style: normal;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: normal; font-weight:normal;}
q { quotes: "" ""; }
q:before,q:after {content:'';}
abbr,acronym { border: 0;}
a { color: inherit; }
:link,:visited { text-decoration:none; display:inline;}
a img,:link img,:visited img { border:none; }
/* remember to define focus styles! */
:focus {outline: 0;}
sub, sup { vertical-align: baseline; }
hr { display: none; }
font { color: inherit !important; font: inherit !important; color: inherit !important; } 
marquee { overflow: inherit !important; -moz-binding: none; }
blink { text-decoration: none; }
nobr { white-space: normal; }
input, textarea, select, button {
     font-size: 100%;
     font-family: inherit;
}

/*============================================== Redefinición de etiquetas principales =================================================*/
body {
	font-family: "CandelaBook","Helvetica Neue", Helvetica, Arial, san-serif;	
	background-color: #e5e5e5;
	font-size: 14px;
	line-height:normal;
	color: #333333;
	background-image: url(../entorno/fnd_web.png);
	background-position: center top;
	width:100%;
	height:100%;
}

a {
	color: #EDB96E;
}
a:hover {
	color: #BD5809;
}
h1 {
	font-family:'PatagoniaRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.35em;
	color:#FFF;
}
h2 {
	font-family:'PatagoniaRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 2em;	
}
h3 {
	font-family:'PatagoniaRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	margin-bottom:0.5em;
}
h4 {font-family:'PatagoniaRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;	font-size: 1.3em;
	margin-bottom:0.5em;
	display:block;
}

h5 {
	font-size: 1.1em;
	margin-bottom:0.5em;
	letter-spacing: -0.01em;
}

h6 {
	font-size: 1em;
	
}

p {
	font-size:1.15em;
	line-height:1.4em;
	margin-bottom:1em;
}


/*============================================== Maquetación ===============================================*/
#base_web {
	position:absolute;
	width:100%;
	
}
#marco_contenidos {
	width:857px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;	
	background-position: left 108px;	
	background-image: url(../entorno/fnd_contenido_cabecera.png);
	background-repeat: no-repeat;
}
/*============================================== Cabecera ===============================================*/
#cabecera {
	clear:none;
	float:left;
	display:inline-block;
	overflow:hidden;
	width:205px;
	margin-right:20px;
	padding-left:32px;
}
#cabecera h1, #cabecera h2 {
	position:relative;
	font-size:1em;
	width:205px;
	height:103px;
	margin:0;
	float:left;
	clear:none;
	overflow:hidden;
}
#cabecera h1 a, #cabecera h2 a {
	background-color:transparent;
}

#cabecera h1 strong, #cabecera h2 strong {
	margin-top:100%;
	display:block;	
}


/*============================================== Menú principal ===============================================*/
#menu {
	font-size:1.2em;
	line-height:1em;
	letter-spacing:0.02em;
	font-family:'PatagoniaRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	clear:none;
	float:left;
	vertical-align:middle;
	width:596px;
	padding:0;
	margin-bottom:95px;
	display:inline-block;
	
}
#menu ul {
	padding:0;
	margin:0;
}
#menu ul li {	
	list-style:none;
	float:left;	
	display:block;
	margin-right:15px;
}
#menu ul li a {
	display:block;
	text-align:center;
	background-image: url(../entorno/fnd_menu.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:183px;
	height:53px;
	padding-top:8px;
}
#menu ul li a:hover {
	background-color:transparent;
	
}
#menu ul li a strong {
	font-family:'PatagoniaRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	clear:both;
	display:block;
}
#menu .clinica-veterinaria a {
	color: #137554;
}
#menu .clinica-veterinaria a:hover {
	background-image: url(../entorno/fnd_menu_cli.png);
	color:#FFF;
}
.clinica-veterinaria #menu .clinica-veterinaria a, .instalaciones-veterinarias #menu .clinica-veterinaria a {
	background-image: url(../entorno/fnd_menu_cli.png);
	color:#FFF;
}
#menu .residencia-canina-felina a {
	color: #AB2B7F;
}
#menu .residencia-canina-felina a:hover {
	background-image: url(../entorno/fnd_menu_res.png);
	color:#FFF;}
.residencia-canina-felina #menu .residencia-canina-felina a {
	background-image: url(../entorno/fnd_menu_res.png);
	color:#FFF;
}
#menu .adiestramiento-y-otros-servicios a {
	color: #095DA5;
}
#menu .adiestramiento-y-otros-servicios a:hover {
	background-image: url(../entorno/fnd_menu_adi.png);
	color:#FFF;}
.adiestramiento-y-otros-servicios #menu .adiestramiento-y-otros-servicios a {
	background-image: url(../entorno/fnd_menu_adi.png);
	color:#FFF;
}
#menu .quienes-somos {
	float:right;
	line-height:30px;
	vertical-align:middle;
	margin-top:3px;
}
#menu .quienes-somos a {
	height:auto;
	width:auto;
	padding-left:32px;
	background-image: url(../entorno/menu_quienes.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #F60;
}

.quienes-somos #menu .quienes-somos a, #menu .quienes-somos a:hover {
	color:#000;
	height:auto;
	width:auto;
	background-image: url(../entorno/menu_quienes_over.png);
}
#menu .contacto {
	float:right;
	line-height:30px;
	vertical-align:middle;
	margin-right:36px;
	margin-top:3px;
}
#menu .contacto a {
	height:auto;
	width:auto;
	padding-left:32px;
	background-image: url(../entorno/menu_localizacion.png);
	background-repeat: no-repeat;
	background-position: left center;
		color: #F60;
}

.contacto #menu .contacto a, #menu .contacto a:hover {
	color:#000;
	height:auto;
	width:auto;
	background-image: url(../entorno/menu_localizacion_over.png);
}

/*============================================== Cuerpo ===================================*/
#cuerpo {
	float:none;
	clear:both;
	width:100%;	
	display:inline-block;
	overflow:visible;
	background-image: url(../entorno/fnd_contenido_cuerpo.png);
	background-repeat: repeat-y;
	background-position: left top;
	
}
/*============================================== Cuerpo ===================================*/
#seccion {
	margin-top:-77px;
	width:100%;
	float:left;
	margin-bottom:1em;
	position:relative;
	display:inline-block;
}
#seccion h1 {
	float:right;	
	margin-right:15px;
	width:235px;
}
#seccion p {
	color:#FFF3D9;
	font-size:1.05em;
	float:none;
	clear:none;
	margin-left:30px;
	margin-top:10px;
	width:550px;
}
/*============================================== Columnas ===================================*/
.fila {
	display:inline-block;
	overflow:visible;
	position:relative;
	float:none;
	clear:both;
	width:817px;
	padding-left:20px;
	padding-right:20px;
	margin-top:-20px;
	background-image: url(../entorno/fnd_contenido_pie.png);
	background-repeat: no-repeat;
	background-position: left bottom;	
}
.columna_1 {
	width:100%;	
	clear:both;	
}
.columna_1_1 {
	width:100%;
	clear:both;	
}
/* Anchos Simétricos*/
.columna_2_1 {
	width:50%;
	float:left;
	clear:left;
}
.columna_2_2 {
	width:50%;
	float:left;
	clear:right;
}
.columna_2_1 .contenido {
	margin-right:0.8em;
}
.columna_2_2 .contenido {	
	margin-left:0.8em;
}
.columna_3_1 {
	clear:left;
	position:relative;
	
}

.columna_3_1, .columna_3_2 {
	width:33%;
	float:left;
	clear:none;
}
.columna_3_3 {
	width:34%;
	float:right;
	clear:right;
	margin-top:-20px;
}
.columna_3_1 .contenido {
	margin-right:1em;
}
.columna_3_2 .contenido {
	margin-left:0.6em;
	margin-right:0.2em
			
}
.columna_3_3 .contenido{
	margin-left:1.4em;
		
}
.columna_4_1 {
	clear:left;
}
.columna_4_4 {	
	
}
.columna_4_1, .columna_4_2, .columna_4_3, .columna_4_4 {
	width:25%;
	float:left;	
}
.columna_4_1 .contenido {
	margin-right:1.2em;
}
.columna_4_2 .contenido  {
	margin-right:0.8em;	
	margin-left:0.4em;
}
.columna_4_3 .contenido {
	margin-right:0.4em;
	margin-left:0.8em;
	}
.columna_4_4 .contenido {
	margin-left:1.2em;
}
/* Anchos Asimétricos*/
.columna_22_1 {}
.columna_22_2 {}
.columna_33_1 {}
.columna_33_2 {}
.columna_33_3 {}
/*============================================== Unidades de contenido ==============================*/
.contenido {
	overflow:hidden;
	display:block;
	clear:both;
	color:#FFF;
	position:relative;
	padding-top: 1em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	padding-left: 0.5em;
}
.columna_1 .contenido, .columna_1_1 .contenido {
	font-size:1em;
}
.columna_2_1 .contenido, .columna_2_2 .contenido {
	font-size:1em;
}
.columna_3_1 .contenido, .columna_3_2 .contenido, .columna_3_3 .contenido {
	font-size:1em;
}
.contenido .titulo {
	font-size:1.5em;
	margin-bottom:0.3em;
	color:#EDB96E;
}
.contenido .subtitulo {
	font-size:1.2em;
	
	margin-bottom:0.3em;
}
.contenido a {
	text-decoration:underline;
	color: #FFB619;
}
.contenido a:hover {
	color: #FFF;
	background-color: #FFB619;
}
.contenido .firma {
	font-size:0.9em;

}
.contenido .foto {
	clear:none;
	float:left;
	margin-right:3px;
	margin-left:3px;
	width:185px;	
	text-align:center;
	margin-bottom:1em;	
}
.contenido .foto a {
	border: 1px solid #CCC;
	display:block;
	width:183px;
	overflow:hidden;
}
.contenido .foto a:hover {
	border-color:#F90;
}
.contenido .foto img {
	margin-left:-50px;
	
}
.contenido h5 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:1.6em;
	text-align:center;
}
.contenido ul {
	display:block;
	float:none;
	padding-left:1em;
	margin-bottom:1em;
}
.contenido ul li {
	margin-bottom:1em;
	list-style-type:disc;
	font-size:1.1em;
}
.contenido .consulta {
	background-color:#FDB519;
	padding:0.5em;
	margin-left:1em;
	margin-right:1em;
	text-align:center;
	margin-bottom:1.6em;
	font-size:1.2em;
}
.contenido .consulta a {
	color:#FFF;
}
.galerias .contenido h5 {
	font-family: "CandelaBook","Helvetica Neue", Helvetica, Arial, san-serif;	
	margin-top:-10px;
	font-size:1em;
	font-weight:normal;
	color: #CCC;
	margin-bottom:0.3em;
}
.contenido strong, .contenido b {
	font-family: "CandelaBold";
	font-weight:normal;
	color:#FFF1D4;
}
.contenido em, .contenido i {
	font-family: "CandelaBookItalic";
	font-style:normal;
}
/*============================================== Pie de página ==============================*/
#pie {
	clear:both;
	width:100%;
	text-align:center;
	display:inline-block;
	font-size:1em;
	padding-top:1em;
	padding-bottom:0.3em;
	margin-bottom:1em;
	background-image: url(../entorno/fnd_pie.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	color:#000;
}
#pie h4, #pie p {
	font-size:1em;
	font-family: "CandelaBook","Helvetica Neue", Helvetica, Arial, san-serif;
	padding-right: 1em;
	padding-left: 1em;
	margin-bottom:0;
	color: #666;
}

#pie .innovanity {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	letter-spacing:-0.05em;
	color:#663399;
	margin-left:1em;
	margin-top:1em;
	margin-bottom:1em;
}
#pie .innovanity span {
	color:#FF0000;
}
#pie .innovanity em {
	color:#FF6600;
}
#pie .innovanity a {
	color:#FF0099;
}
#pie .innovanity a:hover {
	background-color:#FF6600;
	color:#FFFFFF;
}

/*============================================== Estilos Aviso Lega y política de privacidad ==============================*/
.legales {
	font-size:0.9em;
}

/*============================================== Estilos por secciones ==============================*/
.inicio .contenido, .quienes-somos .contenido, .contacto .contenido {
	color:#666;
}
.inicio .contenido strong, .quienes-somos .contenido strong, .contacto .contenido strong {
	color:#000;
}
.inicio .contenido .titulo, .quienes-somos .contenido .titulo, .contacto .contenido .titulo {
	color:#137554;
}
.inicio #cuerpo div .contenido, .quienes-somos #cuerpo div .contenido, .contacto #cuerpo div .contenido {
	margin-top:-50px;
}

#base_web div.clinica-veterinaria, #base_web div.instalaciones-veterinarias {
	background-image: url(../entorno/fnd_contenido_cabecera_cli.png);
}
.clinica-veterinaria #cuerpo, .instalaciones-veterinarias #cuerpo {
	background-image: url(../entorno/fnd_contenido_cuerpo_cli.png);
}
.clinica-veterinaria #cuerpo .fila, .instalaciones-veterinarias #cuerpo .fila {
	background-image: url(../entorno/fnd_contenido_pie_cli.png);	
}
#base_web div.residencia-canina-felina {
	background-image: url(../entorno/fnd_contenido_cabecera_res.png);
}
.residencia-canina-felina #cuerpo {
	background-image: url(../entorno/fnd_contenido_cuerpo_res.png);
}
.residencia-canina-felina #cuerpo .fila {
	background-image: url(../entorno/fnd_contenido_pie_res.png);	
}
#base_web div.adiestramiento-y-otros-servicios {
	background-image: url(../entorno/fnd_contenido_cabecera_adi.png);
}
.adiestramiento-y-otros-servicios #cuerpo {
	background-image: url(../entorno/fnd_contenido_cuerpo_adi.png);
}
.adiestramiento-y-otros-servicios #cuerpo .fila {
	background-image: url(../entorno/fnd_contenido_pie_adi.png);	
}
.inicio #cuerpo .contenido .foto img, .quienes-somos .contenido .foto img, .contacto .contenido .foto img {
	margin:0;
	padding:0;
	float:none;
}
.inicio .contenido .foto, .contacto .contenido .foto {	
	display:block;
	width:auto;
	clear:both;
	overflow:visible;
	position:relative;
	margin-bottom:0.2em;
}

.inicio #cuerpo .contenido a:hover, .contacto #cuerpo .contenido a:hover, .quienes-somos #cuerpo .contenido a:hover {
	color:#FFF;
}
.inicio #cuerpo .contenido .titulo {
	font-size:2em;
	text-align:center;
}
.inicio #cuerpo .contenido .foto a, .contacto #cuerpo .contenido a, .quienes-somos #cuerpo .contenido a {
	width:auto;
	border:none;
	display:inline-block;
	color: #E38C3F;
}
.inicio #cuerpo .contenido p {
	padding-left:20px;
	padding-right:20px;
}
.inicio #cuerpo .columna_1 {
	margin-bottom: 2em;
	clear:both;
	display:inline-block;
}
.inicio #cuerpo .columna_1 .foto {
	text-align:left;
	float:none;
}
.inicio #cuerpo .columna_2_1 .foto, .inicio #cuerpo .columna_2_2 .foto {
	float:none;
	margin-right:0.8em;
	margin-bottom:1em;
	clear:both;
	text-align:center;
	width:100%;
}

.inicio #cuerpo .columna_2_2 .titulo {
	
	color: #AB2B7F;
}
.inicio .contenido p {
	
}
.quienes-somos #cuerpo .contenido .foto {
	float:right;
	margin-left:4em;
	margin-bottom:2.5em;
	width:380px;
	display:inline-block;
}

.inicio .contenido #image_roll {
	overflow:hidden;
	width:798px;
	height:232px;
}