@charset "utf-8";

/* CSS Document */

/*   

Theme Name: Nombre del tema

Theme URI: no hay

Description: la descripcion

Author: LDG. Claudio Monzoni

Author URI: www.cmn.mx



.

*/

/* ajustes globales------------------------------------------------------------------------------*/



*{

margin:0;

padding:0;

}



h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0 0; }


/* ajustes de la pagina--------------------------------------------------------------------------*/

body{
background: #5ec2cb;
color:#FFF;
position:relative;
font-family: 'Open Sans', sans-serif;
}



a{
	color:#FFF;
	text-decoration:none;

}
a:hover{
	text-decoration:none;
	color:#FF3;
}

ul li{

	list-style-type:none;

}



img{

border:none;

}


/* fin de ajustes */
#slide{
	width:100%;
	height:650px;
	background-color:#333;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:-10;
}

#slide IMG {
    position:absolute;
    top:0;
    right:0;
    z-index:8;
    opacity:0.0;
	width:100%;
	height:auto;	
}

#slide IMG.activo {
    z-index:10;
    opacity:1.0;
}

#slide IMG.last-active {
    z-index:9;
}


#pancarta{
	height:650px;
	position:relative;
}
#ovalo{
	position:absolute;
	left:0px;
	bottom:20px;	
}
#logo{
	margin:380px 0 15px 0;		
}
#slogan{
	font-weight:300;
	font-size:2.4em;
}
/* secciones slogan*/
#slogan_s{
font-weight:700;
font-size:2em;
position:absolute;
top:580px;
}

#slogan_s p{
text-shadow: 0px 4px 3px rgba(0,0,0,0.8),
             0px 8px 13px rgba(0,0,0,0.4),
             0px 18px 23px rgba(0,0,0,0.2);
}

#menu{
	margin-top:20px;
	position:absolute;
	height:30px;
	width:780px;
	left:50%;
	margin-left:-390px;
}

#menu ul{
	background-color:#CCC;	
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}
#menu li{
	display:inline-block;	
	margin:0px 0 0 10px;
}
#menu li a{
	color:#000;
	font-weight:400;
}

#menu_es{
	margin-top:20px;
	position:absolute;
	height:30px;
	width:870px;
	left:50%;
	margin-left:-390px;
}
#menu_es ul{
	background-color:#CCC;	
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}
#menu_es li{
	display:inline-block;	
	margin:0px 0 0 10px;
}
#menu_es li a{
	color:#000;
	font-weight:400;
}
/* responsivo */
/* Landscape phone to portrait tablet */

#liston{
	min-height:30px;
	background-color:#83806d;	
}

#blanca{
	margin:50px 0 0 0;
	padding:0px 0 30px 0;
}
#blanca p{
	padding-bottom:10px;	
}
.productos{
	margin-top:50px;
	border-left:#fff 1px solid;
	position:relative;
}
.pliegue-a{
	height:60px;
	width:60px;
	position:absolute;	
	top:-30px;
	left:-30px;
}
.delgada{
font-weight:300; font-size:1.7em; margin-top:50px;
}

	.delgada-villa{
font-weight:300; font-size:2em; padding-top:15px;
}

#etiqueta{
	font-size:1.5em;
	padding-top:5px;
}
.puntos{
 border-bottom:solid #fff 1px;
 padding-bottom:20px;
}
.linea_hor{
	border-bottom: dotted 1px #fff;
	padding-bottom:15px;
	margin-bottom:15px;
}
table td{
	padding:10px;	
}
.rata{
	color:#83806d;
	font-weight:700;
}

.minimo-a{
	min-height:120px;	
}

.minimo-b{
	min-height:180px;	
}
@media (max-width: 1024px) 
{
#menu{
	height:25px;
	width:670px;
	position:absolute;
	left:50%;
	margin-left:-335px;
	background-color:#CCC;	
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
margin-top:15px;
}
#menu li{
	display:inline-block;	
	margin:5px 0 0 10px;
	font-size:0.8em;
}
#pancarta{
	height:450px;
}	
#logo{
	margin:250px 0 10px 0;	
}
#logo img{
	width:180px;
	height:auto;	
}
#slogan{
	font-size:1.4em;
}
#slogan_s{
font-weight:700;
font-size:1.4em;
top:400px;
}

#slide{
	height:450px;
}
#slide img{
	min-width:1024px;
	height:auto;	
}
.delgada{
font-weight:300; font-size:1.3em; margin-top:55px;
}

.delgada-villa{
font-weight:300; font-size:1.6em; padding-top:45px;
}

#etiqueta{
	font-size:1em;
	padding-top:3px;
}
}

 @media (min-width: 1600px) 
{

#pancarta{
	height:850px;
}	
#logo{
	margin:600px 0 10px 0;	
}

#slogan{
	font-size:1.8em;
}
#slogan_s{
font-weight:700;
font-size:2.4em;
top:750px;
}

#slide{
	height:850px;
}
.delgada{
font-weight:300; font-size:2em; margin-top:55px;
}
.delgada-villa{
font-weight:300; font-size:2.4em; margin-top:65px;
}

#etiqueta{
	font-size:1.7em;

	padding:0;
}
}