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

*{ margin:0; padding: 0;}
body{ margin:auto; padding:auto; background: url(../img/fondo.jpg) no-repeat top center #d6d6d6;}
.clear { clear:both;}
a { outline:none;}


/* ------ MENU SUPERIOR ------ */
div.menu_superior{ width:100%; height:45px; background: url(../img/menu_superior.jpg) repeat-x top center #999; position:relative;}
div.menu_superior div.btn_arriba{ width:230px; height:22px; float:right;}
div.menu_superior div.btn_arriba p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#9d9f9b; float:left; line-height: 33px; margin-left:20px;}
div.menu_superior_dos{ width:950px; height:22px; margin:0 auto;}
div.menu_superior_dos div.contactos{ width:70px; height:19px; float:left;}
div.menu_superior_dos div.casa{ width:22px; height:19px; float: left; margin:6px;}
div.menu_superior div.casa a{ width:22px; height:19px; display:block; background: url(../img/casa.png) no-repeat top center; -background:url(../img/casa.gif) no-repeat top center;}
div.menu_superior div.casa a:hover{background:url(../img/casa_over.png) no-repeat top center; -background:url(../img/casa_over.gif) no-repeat top center;}
div.menu_superior_dos div.sobre{ width:22px; height:19px; float: right; margin:6px;}
div.menu_superior_dos div.sobre_cont{ width:22px; height:19px; float: right; margin:6px;}
div.menu_superior div.sobre a{ width:22px; height:19px; display:block; background: url(../img/sobre.png) no-repeat top center; -background:url(../img/sobre.gif) no-repeat top center;}
div.menu_superior div.sobre a:hover{background:url(../img/sobre_over.png) no-repeat top center; -background:url(../img/sobre_over.gif) no-repeat top center;}
div.menu_superior div.sobre_cont a{ width:22px; height:19px; display:block;background:url(../img/sobre_over.png) no-repeat top center; -background:url(../img/sobre_over.gif) no-repeat top center;}

div.menu_superior_dos div.redes{ width:70px; height:19px; float: right;}
div.menu_superior_dos div.twitter{ width:22px; height:19px; float: left; margin-top:6px; margin-right:2px;}
div.menu_superior div.twitter a{ width:22px; height:19px; display:block; background: url(../img/twitter.png) no-repeat top center; -background:url(../img/twitter.gif) no-repeat top center;}
div.menu_superior div.twitter a:hover{background:url(../img/twitter_over.png) no-repeat top center; -background:url(../img/twitter_over.gif) no-repeat top center;}

div.menu_superior_dos div.facebook{ width:22px; height:19px; float: left; margin-top:6px;}
div.menu_superior div.facebook a{ width:22px; height:19px; display:block; background: url(../img/facebook.png) no-repeat top center; -background:url(../img/facebook.gif) no-repeat top center;}
div.menu_superior div.facebook a:hover{background:url(../img/facebook_over.png) no-repeat top center; -background:url(../img/facebook_over.gif) no-repeat top center;}


/* ------ CONTENIDO ------ */
div.contenido{ width:950px; margin:0 auto; padding: 0 auto; position:relative;}


/* ------ MENU ------ */
#contenedor_menu{ width:210px; height:300px; position:absolute; z-index:5; top:0px; left:0px;}
#contenedor_menu #logo{ width:207px; height:92px; background: url(../img/logo.png) no-repeat top center; -background:url(../img/logo.gif) no-repeat top center; float:left;}
#contenedor_menu #logo a{ width:110px; height:92px; display:block;} 
#menu{ width:90px; height:221px; background:url(../img/sombra_menu.png) no-repeat top left; margin:0; padding:0; margin-top:20px; padding:10px;}
#menu ul { list-style:none;}
#menu ul li { float:left; margin-right:0;}



/* ------ 	ANIMACION ------ */
div.animacion{ width:950px; min-height:465px; margin:auto;}
div.txt_contenedor{ width:950px; min-height:430px; margin:auto;}
div.txt_contenedor div.parrafos_contenedor{width:611px; height:auto; margin:0; padding:20px 100px 0 240px;}
div.txt_contenedor div.parrafos_contenedor p{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #676767; padding-bottom:10px; line-height:16px;}
div.txt_contenedor div.parrafos_contenedor strong{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #839b09; font-weight:bold;}
div.txt_contenedor div.parrafos_contenedor div.txt{ width:auto; height:auto; margin:0; padding: 0;}
div.txt_contenedor div.parrafos_contenedor div.txt ul{color: #676767; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-bottom: 20px; margin-top: 10px; }
div.txt_contenedor div.parrafos_contenedor div.txt ul li{ list-style-image: url(../img/bullet.jpg); list-style-position: outside; margin-left: 25px; padding-bottom: 5px;}
div.txt_contenedor div.header{ width:950px;}
div.txt_contenedor div.header div.titulo{ width:230px; height:263px; float:left; margin-left:218px;}
div.txt_contenedor div.header div.titulo IMG{ padding-top:175px; padding-left:20px; }
div.txt_contenedor div.header div.img_header{ width:480px; height:263px; float:right;}
div.txt_contenedor div.header div.img_header_pro { width:582px; height:404px; float:right;}
#menu_interior{ width:516px; height:25px; margin:0; padding:0 auto;}
#contenedor_menu_interior{ width:520px; height:30px; margin:0; padding:0 auto; margin-bottom:5px;}
div.animacion_home { position:absolute; z-index:9; width:810px; height:570px; background:transparent; top:-15px; right:0px;}
div.rocas { position:absolute; z-index:10; width:174px; height:74px; background:url(../img/rocas_2.png) no-repeat bottom center;; top:498px; right:559px;}

/* ------ FOOTER ------ */
div.footer_imagen{ width:100%; height:227px; background: url(../img/diente_leon.png)  no-repeat bottom center; margin: 0 auto 10px; padding:auto;}
div.footer_imagen_dos{ width:100%; height:227px; margin: 0 auto 10px; padding:auto;}
div.filete{ width:950px; height:7px; background: url(../img/filete_footer.png) no-repeat top center; margin:0; padding:0; margin-bottom:10px;}
div.footer_imagen div.footer_imagen{ width:100%; height:100%; background: url(../img/footer.jpg)  repeat-x top center; margin:auto; padding:auto;}
div.footer{ width:950px; height:70px; margin:0 auto; padding:0 auto; text-align:center; padding-top:80px;}
div.footer p{ font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#325a67;}
div.footer p.gris_2{ height:17px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6f746a; float:left; background:url(../img/telefono.png) no-repeat left center; padding-left:20px; margin-top:5px; margin-left:315px;}
div.footer p.gris_3{ font-family:Arial, Helvetica, sans-serif;  font-size:10px; color:#6f746a; float:left; background:url(../img/sobre_2.png) no-repeat left center; margin-top:5px; padding-left:25px; margin-left:25px;}
div.footer p.gris_3 a {  color:#6f746a; text-decoration:none;}
div.footer p.gris_3 a:hover {  color:#839B09; }
div.dsn_mito { margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center;}
div.dsn_mito a { color:#999; text-decoration:none; text-align:center;}

/* ------ FORM CONTACTO ------ */

table.contacto { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#676767; font-weight:bold; margin-bottom:30px; }
table.contacto span { color:#676767;}
table.contacto td div.input_1 {background:url(../img/bg_input.jpg) no-repeat 0 0;  width:342px; height:25px;}
table.contacto td input { background:transparent;  width:316px; height:25px; border:0px; margin-left:13px; color:#666666; line-height:25px;}
table.contacto td.textos_td { padding-top:10px; padding-bottom:3px; padding-left:3px;}
table.contacto td.obligatorio { font-size:10px; padding-top:5px; padding-bottom:10px;}

table.contacto td textarea {font-family:Arial, Helvetica, sans-serif; background:transparent; font-size:12px; color:#666666; font-size:12px; =width:315px; width/*\**/:315px\9;  width:325px; height:77px; =height:57px; -height:57px; height/*\**/:57px\9; border:0px; padding: 10px; =margin-top:6px; margin-top/*\**/:6px\9;} 

@media screen and (-webkit-min-device-pixel-ratio:0){
table.contacto td textarea {font-family:Arial, Helvetica, sans-serif; background:transparent; font-size:12px; color:#666666; font-size:12px; width:315px; height:55px; border:0px; margin-top:5px;} 
}

table.contacto td div.textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-size:12px;  background:url(../img/bg_textarea.jpg) no-repeat 0 0; width:345px; height:97px;  border:0px;} 
table.contacto td.enviar input { width:115px; height:25px; float:right; border:0px; background:url(../img/btn_enviar.jpg) no-repeat 0 0; color:#FFF; cursor:pointer; padding-bottom:3px; padding-right:25px;}
table.contacto td.enviar input:hover { background:url(../img/btn_enviar_over.jpg) no-repeat 0 0;}
table.contacto span { color:#da0303;}


.texto_home{
	float:right;
	width:742px;
	min-height:350px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	line-height:18px;
	margin-left:15px;
	margin-top:10px;
	text-align:justify;
	text-decoration:none;
	}
	
.texto_home a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	text-decoration:none;
	}
	
.texto_home a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#a9233e;
	text-decoration:underline;
	}
	
.destacada{
	color:#900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	}
	
.destacada a{
	color:#900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
}

.destacada a:hover{
	color:#900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:underline;
	}
	
.destacada_01{
	color:#0051a2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
/*ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}*/
	

.linktxt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	text-decoration:none;
	}
	
.linktxt a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	text-decoration:none;
	}
	
.linktxt a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	text-decoration:underline;
	}

hr {
border: 0;
width: 100%;
color: #b7b7b7;
background-color: #b7b7b7;
height: 1px;
}

.texto_home_a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	line-height:18px;
	}
	
.j{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	}
	
.mini-bco {
FONT-FAMILY: Arial, Helvetica, sans-serif;
COLOR: #5c5c5f;
FONT-SIZE: 10px;
text-align:right;
margin-top:15px;
float:right;
}

.raya{
	width:100%;
	border-bottom:#C30 solid thin;
	border-bottom-width:1px;
	margin:20px 0 20px 0;
	}

.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
  margin-top:13px;
}