@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0}
body {
	margin: 0; 
	background-image: url(../Imagenes/main.jpg);
	background-color: #fff; /*Color de Fondo*/
}
#contenedor {
	width: 90%;
	max-width: 1000px;
	-moz-box-shadow: 0 0 8px #bbb;
	-webkit-box-shadow: 0 0 8px #bbb;  padding: 0 10px 20px 10px;
	box-shadow: 0 0 8px #bbb;
	border-radius:0 0 8px 8px;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño */
	overflow: hidden;
	margin-bottom:5px;
	background-color: #fff;
}

#header{
	height:95px}
#logo{
	padding-top:13px;
	float:left;
	width:auto;
	height:auto
	}	
#contacto{
	float:right;
	padding-top:3.5em;
	width:auto}	
#contacto img{
	padding-left:.5em
	}

#contenido{
float: left;
width: 100%;
height: auto;
margin: 15px 0 0 0;
padding: 0;
padding-bottom:1em;
}
#banner{
	width: 100%;
	height: 50%;
	margin: 5px 0 0 0;
	padding: 0;

}
#codigos{
	float: left;
	width: 100%;
	height: 250px;
	margin: 10px 0 0 0;
	padding: 0;
}
#codigos p{

	font-size:24px;
}
#codigos img{
	margin:0 4em 0 4em;

}
.nover{
display: none;
}
#contenido h2{
	padding: .3em 0 .2em 0}
#contenido p{
	padding: 0 0 .3em 0}
#contenido em{
	color:#009;
	padding-left:1em}
/*Nosotros*/

#contenido .edificio{
	padding-left:10em}
#imagen{
float: left;
width: 800px;
height:auto;

padding: 0;
background: #fff;
color: #fff;
}
#imagen img{
float: left;
}

/*banner*/

a:link, a:visited {
color : #fff;
text-decoration : none;
}
a img {
border : 0;
}
div.wrap {
width : 993px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}

div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#banner div.wrap {
height : 299px;
background : url(../Imagenes/header-bg.png) no-repeat 50% 0;
}
div#banner div#slide-holder {
	z-index : 40;
	width : 993px;
	height : 299px;
	position : absolute;
	background-color: #FFFFFF;
}
div#banner div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 973px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#banner div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#banner div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 973px;
height : 46px;
display : none;
position : absolute;
background : url(../Imagenes/slide-bg.png) 0 0;
}
div#banner div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#banner div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#banner div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#banner div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px; /*imagen boton slide*/
}

div#banner div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../Imagenes/silde-nav.png);
}


#contenido h1{
	text-align:center}
#contenido{
	text-align:justify}

#contenido LI{
	padding-left:.6em}

.codigos{
	width:350px;
	height:350px;}
.codigos h1{
	text-align:center;
	padding-bottom:5px
	}
.codigos p{
	text-align:justify;
	padding: 0 10px 0 10px;
	font-size: 20px
	}
#verde{
	background: #FFF url(../Imagenes/verdef.png)}
#azul{
	background: #FFF url(../Imagenes/azulf.png)}
#plata{
	background: #CCC url(../Imagenes/plataf.png)}
	


#footer p{ padding:10px; text-align:center;  text-shadow: 0 1px 1px #CCC; color: gray}


/**********************************/


.formulario{width:380px; height:490px; padding: 10px 5px 20px 100px; float:left;}

@media screen and (max-width: 927px){
	.formulario	{
		padding: 0;
		margin:0 auto;
		float: none;
	}
}

@media screen and (max-width: 377px){
	#reds	{
		display: none;
	}
}

.menu_bar {
	display:none;
}

.etiqueta{width:70px; height:25px;font: normal 13px/100% Verdana, Tahoma, sans-serif; float:left; padding:10px 10px 0 10px; margin: 0 auto;}
.etiqueta label{ float:right}
.formulario span{ color:#F00}
.contacto{ width:325px; height:350px; float:left; margin: 10px 5px 0 20px}
.contacto span{ font-weight:bold}
.mapa{ width:325px; height:250px; float:left; margin: 0 0 5px 0}
input, textarea, select{   
    padding: 9px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 13px/100% Verdana, Tahoma, sans-serif;  
    width: 250px;
	height:  40px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
	border-radius:5px 5px 5px;
	float:left;
	margin-bottom:5px
    }  
	 select{ margin:0 0 18px 0}
option{
	font: normal 13px/100% Verdana, Tahoma, sans-serif; 
	}

textarea {   
    width: 350px;  
    max-width: 350px;  
    height: 150px;  
    line-height: 150%;  
    }  
  
input:hover, textarea:hover,  
input:focus, textarea:focus {   
    border-color: #C9C9C9;   
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  }  
  
.form label {   
    margin-left: 10px;   
    color: #999999;   }  
 .boton{
	 float: right;
	 width:80px;
	 margin: 10px 5px 10px 5px }
.mapa {border:#ebebec 4px solid; border-radius:12px}

#imagenh{	padding: 0 0 0 10px}
#paquetes{	padding: 0 0 0 10px}
#codigos img:hover{ background : url(../Imagenes/plata.png)}

.colores{ width:200px; height:200px; float:left;margin:0 4.6em 0 4.6em;}
#cverde{background-image: url(../Imagenes/verde.png);}
#cplata{background-image: url(../Imagenes/plata.png);}
#cazul{background-image: url(../Imagenes/azul.png);}
#cverde:hover{background-image: url(../Imagenes/verdes.png);}
#cplata:hover{background-image: url(../Imagenes/platas.png);}
#cazul:hover{background-image: url(../Imagenes/azuls.png);}
#contenido img { padding-bottom: 5px}

/******************************Pestanas******************************/


.colorlinea{
	width: 8px;
	height: 700px;
	background: #003;
	float:left;
	margin: 10px 5px 0 0;
}
.menu ul li a:hover{
	background: #A1FF99;
}

/* Empiezan Pestanas */
#pestanas{
height:450px;
width:122px;
float:left;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#pestanas ul{
font: normal 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#pestanas li{
display:inline;
text-transform:uppercase;
}

	
#pestanas a{
	border-radius:10px 0 0 10px;
	float:left;
	color: white;
	background: #667;
	width:80px;
	margin:10px 2px 0 0; /*margen de separacion*/
	padding: 15px 20px 15px 20px;/*separacion pestanas*/
	text-decoration:none;
	letter-spacing: 1px;
	text-align:center;
	-webkit-box-shadow: rgba(0,0,0, 0.5) 0px 5px 5px; 
}

#pestanas a span{
float:none;
}

#pestanas a:hover{
background-color: #36C;

}

#pestanas .activa a{
background-image: url(../Imagenes/fondomenu3.png);
background-repeat: repeat-x;

}
#pestanas a.current, #pestanas2 a.current span{
background-color: #8cb85c;
}
/************************ Galeria ****************************/
#galeria img{ border: 1px solid gray; padding: 4px; margin: 18px 18px 1px 18px; border-radius:4px;}
#galeria img:hover{ border: 1px solid #09F ; padding: 4px; margin: 18px 18px 0px 18px; border-radius:4px;}
#galeria table{margin: 0 0 5px 0}
#galeria td{width:250px;text-align:center; color:gray}
/*************************Hablando Auto********************************/
#cuadro h1{ text-align:center; padding: 10px 0 15px 0}
#industrial{
	width:1000px;float:left;height:410px;
	background:url(../Imagenes/InfograficoHoteleria.png);
	}
#industrial h3{
	margin-top:250px;
	margin-left:20px
	}	
#industrial p{
	width:500px;
	margin-left:40px
	}	
	
#hogar{
	width:500px;float:left;height:320px;
}
#industrial h3, #hogar h3{ padding: 5px 0 5px 10px} 
#industrial li, #hogar li{ padding:0 0 0 30px}
#industrial p, #hogar p{ padding:0 10px 0 10px}
#contenido .grafica{width:500px;float:left;height:320px; background-color:#fff}
.grafica img { padding: 10px 25px 10px 25px}
#image img{ padding: 10px 50px 10px 50px}

/************************Nosotros*******************************/
#cuadro{ width:auto;height:auto; margin-top:20px}
#cuadro h2{ text-align:center; padding: 10px 0 30px 0}
#cuadro p{ text-align:justify}
#texto{ width:500px;height:220px; background-color:#fff; float:left}
#image{ width:500px;height:220px; background-color:#fff; float:left}

.icon-home{ margin:.2em 0 .2em 0}

#mapa{ margin: 10px 0 0 100px}