@charset "utf-8";
/* CSS Document */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}
*{margin:0; padding:0;}
h1{display:none;}
#barritaloca{display:none; position:fixed; left:0px; right:0px; bottom:0px; width:100%; min-height:40px ;background:#333333; color:#dddddd;z-index: 99999;}
#info_cookie{width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:12px;top:30%;}
#info_cookie p{text-align:center; font-size:18px}
h2,h3,p{font-family: 'Yanone Kaffeesatz';}
p{font-size:20px}
h2,h3{color:#39638b; font-size:18px}
header{width:100%; float:left}
#logo{position:absolute; top:5%; left:26%; width:20%;}
#log{ }
#contac{position: relative; top:0%; left:46%; width:49%; min-height:128px; border-left:1px solid #39638b;}
#contac i{color:#39638b;}
#contac p{ margin:2% 0% 0% 2%; font-size:16px}
#inf_cont{width:100%; height:35px; float:left; background:#39638b; box-shadow: 2px 2px 5px #999;}
nav{ width:60%; float:left; }
nav ul{margin:1% 3% 2% 66%; }
nav li{float:left; padding:0% 0% 1% 6%; list-style:none}
nav li a{color:#FFF; font-size:20px; text-decoration:none; font-family: 'Yanone Kaffeesatz', sans-serif; line-height:16px; text-align:center}
nav li a:hover{color: #999999;}
.marcar{color: #172E3D; font-weight:500}
#wrapper{width:980px; margin:0 auto;}
#info_contac{margin:2% 0% 0% 4%; float:left; width:58%;}
#info{margin-top:4%; float:left}
.info{margin-top:4%; float:left}
.filo{width:100%; height:733px;margin-top:4%; float:left; padding:1%; border:1px solid #39638b; box-shadow: 0 0 16px #333333;}
/*==slider===*/
div#slider {width: 100%; max-width: 1000px; overflow: hidden; margin:0% 0% 3% 0% ; float:left}
div#slider figure img { width: 20%; }

div#slider figure {position: relative; width: 500%; margin: 0; top: 0; left: 0; -webkit-animation: 30s slidy ease-in-out infinite; animation: 30s slidy ease-in-out infinite; }
@keyframes slidy {
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -201%; }
70% { left: -201%; }
75% { left: -301%; }
95% { left: -301%; }
<!--100% { left: -400%; }-->
}
 @-webkit-keyframes slidy{
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -201%; }
70% { left: -201%; }
75% { left: -301%; }
95% { left: -301%; }
<!--100% { left: -400%; }--> 
 }
 /*===servicios====*/
#info2{float:left; margin:1% 0% 2% 0%}
span3{font-weight:600; color:#39638b}
hr{border:1px solid #39638b; width:100%; float:left;}
#separador{width:100%; float:left; }
.separador_index{background:url(../img/sep.jpg) repeat fixed;}
.separador_index p{padding:4%}
.diente_index{width:100%;background:url(../img/diente.png) repeat-x scroll 0 0; height:15px; position:relative; z-index:100; margin:4% 0% -0.5% 0%}
.diente2_index{width:100%; background:url(../img/diente2.png) repeat-x scroll 0 0; height:18px; position:relative; z-index:200; margin:-0.4% 0% 2% 0%}
#wrapper2{width:980px; margin:0 auto;}
/*====contacto===*/
#formulario{width:100%; float:left;}
#contacto{width:35%; float:left;  margin:0% 0% 2% 0%; }
#contac2{margin-top:6%; float:left}
#contac2 input{width: 96%; height:25px; background-color: #FFFFFF; border: 1px solid #A3A4A3; border-radius: 5px 5px 5px 5px; margin: 0 0 15px; padding: 3px;}
#contac2 input[type="submit"]{width:24%; height:25px; float:left; margin:1% 0% 0% 0%; border:0 ; cursor:pointer}
#contac2 textarea{width: 96%; height:147px; background-color: #FFFFFF; border: 1px solid #A3A4A3; border-radius: 5px 5px 5px 5px; padding: 3px; flot:left;}
#contac2::-webkit-input-placeholder { color: #39638b; } 
#contac2::-moz-placeholder { color: #39638b; } 
#conta2c:-ms-input-placeholder { color: #39638b; }
input::-moz-placeholder { color:#39638b; }
textarea::-moz-placeholder { color:#39638b; }
#info_formu{width:48%; float:right;}
#info_formu p{font-size:16px;}
#info_formu p span{color: #152836; font-weight:600}
.myButton {-moz-box-shadow: 0px 10px 14px -7px #3e7327;-webkit-box-shadow: 0px 10px 14px -7px #3e7327;box-shadow: 0px 10px 14px -7px #166BA2;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352)); background:-moz-linear-gradient(top, #152836 5%, #1B3647 100%);
background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%); background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);background:linear-gradient(top bottom, #77b55a 5%, #72b352 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
 background-color:#77b55a;-moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px;border:1px solid #4b8f29;display:inline-block;color:#ffffff;font-family:arial;font-size:13px;font-weight:bold; padding:3px 12px;text-decoration:none;text-shadow:0px 1px 0px #5b8a3c; }
.myButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));background:-moz-linear-gradient(top, #1B3647 5%, #152836 100%); background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);background:linear-gradient(top bottom, #72b352 5%, #77b55a 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);background-color:#72b352;}
.myButton:active { position:relative;top:1px;}
#condiciones{width:98%; float:left;}
#condiciones a{font-weight:800; text-decoration:underline; color:#555555}
#condiciones p { font-size:18px; float:left}
.maps{float:left; background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #EEEEEE;box-shadow: 0 0 16px #333333;margin-bottom: 45px; margin:2% 0% 0% 2%;max-width: 100%; position: relative;}
.aviso_form{width:100%; float:left; margin:10% 0% 50% 33%}
/*===footer==*/
footer{width:100%; float:left; height:250px;background:#EFF1F1}
footer hr{border:3px solid #CAD0D1}
#box_footer{width:57%; float:left;  margin-left:22%}
.footer_info{width:28%; height:200px;float:left;  margin:1% 0% 0% 1%; }
.footer_info p{font-size:20px; margin:1% 0% 1% 10%}
.footer_info ul{margin-left:10%}
.footer_info li{list-style:none; color:#666666; padding-bottom: 3%}
.footer_info li .marcar{color: #39638b; font-weight:500; text-decoration:underline}
.footer_info li span{color:#39638b; font-weight:800}
.footer_info a{color:#666666; text-decoration:none; }
.footer_info a:hover{color:#39638b;}
.footer_info2{width:36%; height:200px;float:left;  margin:1% 0% 0% 1%;}
.footer_info2 p{font-size:20px; margin:1% 0% 1% 10%}
.footer_info2 ul{margin-left:10%}
.footer_info2 li{list-style:none; color:#666666; padding-bottom: 3%}
.footer_info2 li i{color:#39638b}
.footer_info2 li .marcar{color: #3E7CB7; font-weight:500; text-decoration:underline}
.footer_info2 li span{color:#39638b; font-weight:800}
/*copia con color anterior*/
/*.footer_info2 li span{color:#DD5A66; font-weight:800}*/
.footer_info2 a{color:#666666; text-decoration:none; }
.footer_info2 a:hover{color:#3E7CB7;}
@media screen and (max-width: 113.5em){
	#logo{position:absolute; top:0%; left:25%; width:20%;}
	#contac{position: relative; top:5%; left:46%; width:49%; min-height:128px; border-left:1px solid #39638b;}
}
@media screen and (max-width: 112em){
	#logo{position:absolute; top:0%; left:25%; width:20%;}
	#contac{position: relative; top:5%; left:46%; width:49%; min-height:128px; border-left:1px solid #39638b;}
}
@media screen and (max-width: 111em){
	#logo{position:absolute; top:0%; left:24%; width:20%;}
	#contac{position: relative; top:5%; left:46%; width:49%; min-height:128px; border-left:1px solid #39638b;}
}