@import url(https://fonts.googleapis.com/css?family=The+Girl+Next+Door);
@import url(https://fonts.googleapis.com/css?family=Chela+One);
@import url(https://fonts.googleapis.com/css?family=Raleway:700);

html{ overflow-y:scroll; } 
body{ margin:0px; padding:0px; text-align:center; background:#FFF url(../img/sitio/repeticion.png) center top repeat-x; color:#333333; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:1.556; }
p{ margin: 0 auto 1em auto; }
form{ margin:0px; padding:0px; }
img{ border:0px; }
input{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:1.456;}
textarea{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:1.456;}
h1, h2, h3{ padding:0px; margin:0px; color:#871921; font-family: 'Playfair Display', serif; }
h1 a, h2 a, h3 a{ text-decoration:none; color:#165F72; }
h1{ font-size:26px; border-bottom:1px solid #CCC; margin-bottom:10px; font-family: 'Chela One', cursive; }
h2{ font-size:18px; color:#165F72; margin-top:10px; font-family: 'Raleway', sans-serif; font-weight:700; }
h3{ font-size:14px;  }
a{ color:#165F72; }

/* CLASES GENERALES */
.linea{ clear:both; height:1px; font-size:0px; line-height:0; }


.contenido{ background:url(../img/sitio/centrada.png) top center no-repeat; background-position:center 52px; }
.contenido_fondo{ margin:0 auto; text-align:left; width:940px;  }
.margen{ margin:0 auto; text-align:center; width:940px;  }

.contenido .header{ height:128px; overflow:hidden; border-bottom:10px solid #871921; background:url(../img/sitio/fondo.png) center top repeat-x; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000;  }
.contenido .header .logo{ float:left; display:inline; width:320px; position:relative;  }
.contenido .header .logo a{}
.contenido .header .logo h1{ background:url(../img/sitio/veterinariadovet.png) no-repeat center; height:52px; width:186px; text-indent:-9999px; padding:38px 0px; margin-left:15px;   }
.contenido .header .logo .slogan{ position:absolute; left:0; top:90px; width:200px; text-align:right; color:#666666; font-weight:bold; font-size:20px; z-index:2; font-family: 'The Girl Next Door', cursive;  }
.contenido .header .menu_redes{ float:left; display:inline; width:620px; }
.contenido .header .menu_redes .redes{ text-align:right; height:30px; padding:15px 25px 5px 25px; width:580px; }
.contenido .header .menu_redes .redes div{ color:#871921;font-family: 'Raleway', sans-serif; font-weight:700; font-size:15px; display:block; float:right; padding-top:3px; }
.contenido .header .menu_redes .redes div span{ font-family:Arial, Helvetica, sans-serif;  }
.contenido .header .menu_redes .redes div span.separa{ color:#CCC; }
.contenido .header .menu_redes .redes .btn_twitter{ background:url(../img/sitio/btn_twitter.png) no-repeat center; width:30px; height:30px; display:block; float:right; text-indent:-9999px; font-size:0; line-height:0;  }
.contenido .header .menu_redes .redes .btn_facebook{ background:url(../img/sitio/btn_facebook.png) no-repeat center; width:30px; height:30px; display:block; float:right; text-indent:-9999px; font-size:0; line-height:0;   }
.contenido .header .menu_redes .menu{ text-align:left; margin-top:10px; }
.contenido .header .menu_redes .menu ul{ margin:0px; padding:0px; float:right;  }
.contenido .header .menu_redes .menu ul li{  margin:0px; padding:0px; float:left; display:inline; list-style:none; background:url(../img/sitio/menu_separador.jpg) repeat-y top left; }
.contenido .header .menu_redes .menu ul li:first-child{ background:none; }
.contenido .header .menu_redes .menu ul li a{ display:block; padding:5px 12px; color:#666666; font-weight:400; font-size:22px; text-decoration:none; font-family: 'The Girl Next Door', cursive; }
.contenido .header .menu_redes .menu ul li a:hover, .contenido .header .menu_redes .menu ul li a.activo{ color:#900; }

.contenido .slide{ height:334px; overflow:hidden; background:url(../img/slide/fondo_slide.jpg) no-repeat left top; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; font-size:26px; font-family: 'Chela One', cursive; color:#871921;  }
.contenido .slide .slide_content{ height:334px; width:940px; overflow:hidden; }
.contenido .slide .slide_content .item{ float:left; display:inline; height:334px; width:940px; }
.contenido .slide .texto{ float:right; width:480px; }


.contenido .info{ padding:15px 15px; background:#FFFFFF; color:#333333; -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000;  text-align:left; }

.contenido .bloque{ padding:0px 0px 10px 0px; }
.contenido .bloque .col3{ display:inline; float:left; width:290px; margin:0px 0px 0px 20px; }
.contenido .bloque .col3:first-child{ margin:0px 0px 0px 0px; }
.contenido .bloque .col3 img{ margin-top:10px; moz-box-shadow: 2px 2px 10px #333; -webkit-box-shadow: 2px 2px 10px #333; box-shadow: 2px 2px 10px #333; }
.contenido .bloque .col1{}
.contenido .bloque .galeria_home{}
.contenido .bloque .galeria_home .items{ background:url(../img/sitio/foto_marco.png) no-repeat center; display:inline; float:left; padding:7px 7px 7px 8px; width:212px; height:135px;  }
.contenido .bloque .galeria_home .items:first-child{ margin-left:0px;   }
.contenido .bloque .col2{ width:600px; display:inline; float:left; margin:0px 0px 0px 20px;  }
.contenido .bloque .col3{}
.contenido .bloque .col5{ width:445px; display:inline; float:left; margin:0px 0px 0px 20px;  }
.contenido .bloque .col5:first-child{ margin:0px 0px 0px 0px; }
.contenido .bloque .col5 ul li{ margin-bottom:4px; }


.contenido .pie{ background:#E2E2E2; text-align:center; border-top:10px solid #939393; -moz-box-shadow: 0px 0px 1px #000; -webkit-box-shadow: 0px 0px 1px #000; box-shadow: 0px 2px 10px #000; padding:10px 20px; color:#666666; }



.formulario{ width:350px; }
.formulario input.sinmargen{ margin-top:0px; }
.formulario input{ background:#FFFFFF; width:400px; margin-top:20px; font-weight:bold; padding:3px 3px 3px 3px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; border-top:2px solid #999; border-left:2px solid #999;  }
.formulario select{ background:#FFFFFF; width:400px; margin-top:20px; font-weight:bold; padding:3px 3px 3px 3px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; border-top:2px solid #999; border-left:2px solid #999; }
.formulario textarea{ background:#FFFFFF; width:400px; margin-top:20px; height:120px; font-weight:bold; padding:3px 3px 3px 3px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; border-top:2px solid #999; border-left:2px solid #999; resize:none; }
.formulario .boton{ color:#FFFFFF; background:#165F72; text-transform:uppercase; text-align:center; width:auto; border:0px; padding:2px 5px 2px 5px; cursor:pointer; vertical-align:middle;   }
.boton2{ color:#FFFFFF; background:#165F72; text-align:center; width:auto; border:0px; padding:2px 5px 2px 5px; cursor:pointer; vertical-align:middle; text-decoration:none; margin-top:20px; display:inline-block; }


.whatsapp {
    position: fixed;
    z-index: 999;
    height: 60px;
    width: 60px;
    bottom: 20px;
    right: 20px;
    background: url(../img/sitio/whatsapp-ico.png) no-repeat center;
    background-size: contain;
}
.whatsapp a {
    display: block;
    width: 100%;
    height: 100%;
}