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

@import url('type.css');

body {background:url(../images/bodyBG.gif) top repeat-x; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0;}

#container { width:940px; margin:0 auto;}

.clear {clear:both;}

img {border:0;}


/* Encabezado general del sitio-------------------------*/
header {height:125px;}

	#headerContainer{}
	
	h1 { background:url(../images/LogoETC.gif) no-repeat; width:210px; height:60px; margin-top:45px;float:left;}
	h1 span {display:none;}

	#banderas{ margin: 0 0 0 10px; width:500px; padding:5px 0;  }
	
	#servicioCliente { width:420px; height:33px; background: url(../images/chat32.png) 10px no-repeat #333;  top:0; right:0; color:#fff; float:right; border:1px solid #666; border-top:0px; padding:10px 5px 5px 50px; font-size:12px;  }
	
	#servicioCliente a {color: #FC0;}
	#servicioCliente a:hover {text-decoration:none;}
	
	
nav { font-family:Arial, Helvetica, sans-serif; font-size:11px;}
	
	.menuPrincipal{ list-style:none; margin:70px 0 0 300px; padding:0;}
	.menuPrincipal li {display:block; float:left; padding-left:20px;}
	.menuPrincipal li a {color:#333; text-decoration:none;}
	.menuPrincipal li a:hover {color:#f60;}
	
	
/*  Footer-------------------------*/

#footer {background: url(../images/line.gif) center top no-repeat #E6E6E6; color:#666}

	#foot {width:940px; margin:0 auto; padding:20px 0 100px} 

	.copy{ float:left;}
	
	.menuFooter	{ margin-left:380px}
	
	.menuFooter a {color:#666;}
	.menuFooter a:hover { text-decoration:none;}
	
	
/*----home-------------------------*/

#content { background:url(../images/line.gif) top no-repeat; overflow: hidden; margin-bottom:30px; clear:left}
	
#homeDer { width:280px; float:right; margin-top:40px;}

	.siguenos { padding:16px 10px; background:#29ABE2; color:#fff; text-align:left; font-family:MyriadProSemibold, Arial; font-size:14px;}
	.siguenos span {float:right; margin-top:-10px}
	.siguenos img { margin:5px ; border:0 }


#homeSlider { width:660px; height:400px; margin-top:20px;}	

	.flashSlide{  width:660px; height:340px; margin-top:20px;}


/*------------------------------*/

	
#homeBanners { margin:20px 0;}	
	
	.bannerCentro {margin:0 16px }
	
#homeLinks{ background:url(../images/line.gif) top no-repeat; padding:20px 0; text-align:center}
#homeLinks img {margin:0 20px;}
	
	
/*----------Productos-------------*/


/*home-----------*/

.submenu220{padding-top:100px; width:220px; float:left; text-align:right }
.submenu280{padding-top:100px; width:280px; float:left; text-align:right }

	.submenu {border-right:3px solid #ccc; padding:5px 20px 5px 0; font-size:12px; line-height:2em; margin:0; list-style:none; margin-bottom:10px}



.interiores {padding-top:30px; margin-left:240px; font-size:12px;}


.etc {margin-left:300px; color:#333; line-height:1.7em; font-size:12px; margin-top:20px}

	/*----linea de tiempo---*/
	
	.etc dl {border-bottom:3px solid #f60}
	.etc dt {float:left; padding:20px 20px 0 0; font-size:18px; color:#F60; border-top:1px dotted #ccc;}
	.etc dd {overflow:hidden; border-top:1px dotted #ccc; margin-bottom:10px; padding-top:20px}



.productos{ margin:20px 0 0; padding:0; list-style:none}

.productos li {display:inline; width:220px; min-height:280px; float:left; margin-bottom:20px}
.productos li:hover { background: url(../images/stripe.gif);}

	.center {margin-left:20px; margin-right:20px}
	
	a.prodlink { color:#666; text-decoration:none}
	a.prodlink:hover { color:#000}

.prodPict{ padding-top:30px; width:280px; float:left }
    
.prodInfo{ padding-top:30px; margin-left:300px; font-size:12px;}
	


.side{ width:160px; float:right; font-size:12px}

	.tituloSide { font-weight:bold}
	
	.lineBot{border-bottom:1px dotted #999; padding-bottom:10px}
	

	
	.descarga{background:url(../images/download16.png) left top no-repeat; padding-left:30px;}
	.mail{background:url(../images/mail16.png) left top no-repeat; padding-left:30px;}
	.regresar{background:url(../images/regresar16.png) left 4px no-repeat; padding-left:30px;}
	
	.quote {border-left:3px solid #999; padding:3px 0 3px 13px; margin-top:40px	}
	
	

.prodmasInfo{ margin-right:240px; color:#333; line-height:1.7em }
	
a.visitamicro {padding:10px 0 10px 40px ; background: url(../images/visita.png) no-repeat 10px 10px #f60; display:block; width:120px; color:#fff}	

	
/*--------contacto----------------*/

.contacto { margin-left:360px; margin-top:20px; width:460px; font-size:12px }


.contacto form fieldset {border:0; margin:0; padding:0; font-size:12px}

.contacto form legend {
	display:none;
}

.contacto form {
	padding: 0;
	margin:0;
}

.contacto form, .contacto form fieldset input, .contacto form fieldset textarea, .contacto form label {
	font-size: 11pt;
}
.contacto form p { position: relative; margin: 10px 0; width:460px;}
.contacto form p label { position: absolute; top: 0; left: 0; font-size:12px}
.contacto form p br {display: none;}


.contacto form fieldset p input,
.contacto form fieldset p textarea,
.listaseleccion {
	display: block;
	padding: 4px;
	width: 452px;
	margin: 0;
	font-size:12px
}

.contacto form fieldset p label {
	width: 211px;
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
}

.contacto form fieldset p textarea {
	padding: 2px;
	width: 460px;
}

.contacto form fieldset p textarea,
.contacto form fieldset p input {
	border: solid 1px #ccc;
}
.contacto form fieldset p label {
	color: #000;
}

.campoderecho{width:220px;}


.contacto form fieldset p input[type="checkbox"] { width:50px; border:0; margin-bottom:10px}

.enviar { margin-left:240px; width:220px;}

		/*-------mensajes formularios--*/
		
		.correcto, .advertencia, .error {padding:10px 5px 10px 40px;}
		
			.correcto {background: url(../images/bien.png) 10px no-repeat #EAF7DA; color:#0F9400}
			.advertencia {background: url(../images/info.png) 10px no-repeat #CCECFF; color:#006CC9}
			.error {background: url(../images/error.png) 10px no-repeat #FFD9DA; color:#D50019}
			
			
.subcontacto {width:160px; margin-top:100px; margin-left:120px; float:left; font-size:11px; color:#666;}			
.subcontacto p{border-left:3px solid #ccc;  padding:10px 0 10px 15px;}
	
/*---videos-----*/

.videos{ margin:20px 0 0; padding:0; list-style:none}

.videos li {display:inline; width:220px; min-height:165px; float:left; margin-bottom:20px; text-align:center}
.videos li:hover { background: url(../images/stripe.gif);}
	

	
/*----------casos de extio-------------*/	
.exito {margin-left:360px; color:#333; line-height:1.7em; font-size:12px; margin-top:20px}

.exito dt a {font-size:13px; color:#000; font-weight:bold; text-decoration:none;}	
.exito dt a:hover {text-decoration:none; color:#f60;}	
	
.exito dd {margin:0 0 20px; color:#666}




/*--mailing y promos---------------*/

.promo {margin:40px 0 20px 120px; width:600px;}

.sidePromo {margin-top:40px;}


.promo h2 {font-size:40px; line-height:.8em}









	
/*---texto generales----*/

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

h2{font-family:MyriadProLight, Helvetica, Arial, sans-serif; font-size:48px; margin:0; padding:0; line-height:1em; font-weight:normal}

	.intro {font-size:24px; font-style:italic; color:#666; line-height:1.2em}
	
h3{font-size:17px; font-weight:normal; border-bottom:1px dotted #666}


.naranja {color:#f60;}
.negro {color:#000;}
.verde {color:#a2a250;}
.rojo {color:#F00;}
.azul {color:#039;}

.texto12 {font-size:12px;}
.texto11 {font-size:11px;}
.texto10 {font-size:10px;}