.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
img{border:none;vertical-align:top;}
form,ul,h1,h2,h3,h4,h5,h6,p,span,input{margin:0px;padding:0px;}
ul{list-style:none;}
body{
	margin:0px;
	font-size:12px;
	line-height:normal;
	color:#373737;
	font-family:Arial;
	text-align: left;
}
h2.titulo{color:#65A827;}
input,select,textarea{font-size:10px;line-height:12px;font-family:Arial; vertical-align:middle;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:underline;}
h1{font-size:16px;line-height:18px; font-weight:bold;}
h2{font-size:13px;line-height:16px;}
h3{font-size:11px;line-height:13px;}
h4{font-size:10px;line-height:12px;}
p{ padding:8px 0;}
div.top{width:780px;margin:0 auto; }
div.top-inner{ position:relative; height:66px;}
div.logo{padding:8px 0 0;}
ul.nav{height:31px; margin-bottom:-2px; position:absolute; bottom:0px; right:10px; overflow:hidden;}
ul.nav li{width:auto; float:left;}
ul.nav li a{width:auto;color:#65A744; display:block; float:left; font-weight:bold; font-size:13px;line-height:26px; padding:2px 0 0;}
ul.nav li a.active{ padding:0; line-height:28px; color:#fff;}
ul.nav li a span.nav-left{width:auto;height:29px; display:block; float:left; background:url(images/nav-left.jpg) no-repeat left top;}
ul.nav li a span.nav-right{width:auto; cursor:pointer;height:26px;padding:3px 10px 0 10px;  display:block; float:left; background:url(images/nav-right.jpg) no-repeat right top;}
ul.nav li a.active span.nav-left{ height:31px;background:url(images/current-left.jpg) no-repeat left top;}
ul.nav li a.active span.nav-right{ height:28px;background:url(images/current-right.jpg) no-repeat right top;}
ul.nav li a:hover{ text-decoration:none;}
div.creditos{width:800px; margin:auto;}
div.ssg {height:50px; width:220px; float:right}
div.texto-footer {
	font-family:Arial;
	font-size:10px; 
	height:50px;
	width:570px;
	float:left;
	text-align: left;
}

div.header{ width:820px; height:205px;margin:0 auto; overflow:hidden;}
div.header img{ vertical-align:bottom; overflow:hidden;}
div.container{ width:820px; margin:0 auto; background:url(images/container.jpg) repeat-y left top;}
div.content{ width:800px; margin:0 auto; clear:both; overflow:hidden;}
div.content-left{ width:570px; float:left;}
div.content-left-inner{ padding:0 12px 20px 18px;}/*width:540px;*/
div.alqu{padding:30px 20px 33px 0px;}
div.alqu h1{color:#65A827; text-transform:uppercase;}
div.eventos-out{width:540px;}
div.eventos-left{width:214px; float:left;}
div.eventos-left img{border:solid 1px #000;}
div.eventos-right{width:326px; float:left;}
div.noveda-mid{width:326px; background:url(images/novedades-mid.jpg) repeat-y;}
div.noveda-top{width:326px; background:url(images/novedades-top.jpg) no-repeat left top;}
div.noveda-btm{width:326px; background:url(images/novedades-btm.jpg) no-repeat left bottom;}
div.noveda-inner{width:310px; margin:0 auto;}
div.noveda-inner h2{color:#65A827; border-bottom:solid 2px #fff;padding:10px 0 5px 0;}
div.noveda-inner p{color:#6D6F71;padding:35px 0 60px 0;}
div.gray{width:540px; height:60px; padding:20px 0 0 0; }
div.gray-left{width:330px;height:46px; line-height:46px;background:url(images/gray-bg.jpg) no-repeat;}
div.gray-left a{width:auto;padding:10px 0px 0 20px; display:block; float:left;}
div.content-right{ width:230px; float:right;}
div.content-right-inner{ padding:0 12px 0 12px;}/*width:206px;*/
div.comple{color:#6D6F71; font-size:10px;}
div.comple p{ border-bottom:solid 1px #65A744;}
form.infor{color:#65A744; font-size:10px;}
form.infor div{padding:13px 0 0 0;}
form.infor input{width:200px;}
form.infor select{width:200px}
form.infor textarea{width:200px;}
form.infor input.enviar{
	width:68px;
	float:right;
	text-transform: uppercase;
	margin:0 0 10px 0;
	
}
div.contact{color:#6D6F71;border-top:solid 1px #65A744;padding:5px 0 15px 0; font-size:10px; clear:both;}
div.footer{	color:#65A827; width:820px; margin:0 auto; height:52px; text-align:center; line-height:42px; background:url(images/footer.jpg) no-repeat left top;}
div.footer a{color:#65A827; padding:10px 0 0 0; font-size:10px;}

/**************** ecotech-blog.htm ************************************************/
div.blog{padding:25px 0 0 0;}
div.blog-mid{width:531px; background:url(images/blog-mid.jpg) repeat-y;}
div.blog-top{width:531px; background:url(images/blog-top.jpg) no-repeat left top;}
div.blog-btm{width:531px; background:url(images/blog-btm.jpg) no-repeat left bottom;}
div.blog-inner{width:500px; margin:0 auto;}
div.blog-inner h1{color:#65A827; padding:10px 0; text-transform:uppercase; border-bottom:solid 1px #fff;}
div.eco-out{width:500px;padding:15px 0 0 0;}
div.eco-left{width:200px; float:left;}
div.eco-right{width:300px; float:left;}
div.eco-right p{padding:0 0 16px 0;}
div.gray-left2{width:330px;height:60px; float:left; line-height:46px;background:url(images/gray-bg.jpg) no-repeat;}
div.gray-left2 a{width:auto;padding:10px 0px 0 20px; display:block; float:left;}
div.gray-right{width:210px; float:left;}
div.gray-right img{ border:solid 1px #a5a5a3;}

.content-right-inner div.datos{width:100%; margin-bottom:5px;}
div.datos div.numero{ font-size:35px; font-family:"Times New Roman", Times, serif; color: #93C268; font-weight:bold; background:url(images/telefono.png) no-repeat left center; padding-left:35px;}
div.datos a.mail{ width:100%; font-size:14px; font-family:"Times New Roman", Times, serif; color: #93C268; font-weight:bold;}


/**************** ecotech-clientes.htm ************************************************/
div.clientes h1{color:#65A827; padding:20px 0 0px 0;}
div.listado-out{width:540px;padding:30px 0 10px 0;}
div.listado-left{width:315px; float:left;}
div.listado-left h2.list{color:#65A827;height:21px;padding:0 0 0 10px;line-height:21px;background:url(images/listado-bg.jpg) no-repeat;}

div.listado-left02{width:450px; float:left;}
div.listado-left02 h2.list{color:#65A827;height:21px;padding:0 0 0 10px;line-height:21px;background:url(images/listado-bg_01.jpg) no-repeat;}

ul.list-detail li{
	font-size:11px;
	height:21px;
	line-height:21px;
	background:url(images/listado-bg.jpg) no-repeat;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

ul.list-detail li a, ul.list-detail li a:visited{ font-size:11px;}
ul.list-detail li a:hover, ul.list-detail li a:active{ font-size:11px; text-decoration:none; color:#65A827;}

ul.list-detail02 li{
	font-size:11px;
	height:21px;
	line-height:21px;
	background:url(images/listado-bg_01.jpg) no-repeat;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

ul.list-detail02 li a, ul.list-detail li a:visited{ font-size:11px;}
ul.list-detail02 li a:hover, ul.list-detail li a:active{ font-size:11px; text-decoration:none; color:#65A827;}
div.listado-right{width:225px; float:left;}
div.listado-right img{padding:20px 0 0 0;}

/**************** ecotech-contacto.htm ************************************************/
div.blog-inner2{width:500px; margin:0 auto;}
div.blog-inner2 h1{color:#65A827; padding:10px 0; text-transform:uppercase; border-bottom:solid 2px #eeeeee;}
div.conesa{padding:10px 0 13px 0;}
div.conesa p{ color:#6D6F71;}
div.conesa p span{ color:#000; font-weight:bold;}
div.presta-out{width:531px;padding:8px 0 0 0;}
div.presta-left{width:263px; float:left;}
div.presta-mid{width:255px; background:url(images/presta-mid.jpg) repeat-y;}
div.presta-top{width:255px; background:url(images/presta-top.jpg) no-repeat left top;}
div.presta-btm{width:255px; background:url(images/presta-btm.jpg) no-repeat left bottom;}
div.presta-inner{width:225px; margin:0 auto;}
div.pres{color:#6D6F71;padding:5px 0;}
div.pres h1{color:#65A827; padding:10px 0; text-transform:uppercase; border-bottom:solid 2px #eeeeee;}
div.presta-right{width:265px; float:right;}
div.presta-mid2{width:265px; background:url(images/presta-mid2.jpg) repeat-y;}
div.presta-top2{width:265px; background:url(images/presta-top2.jpg) no-repeat left top;}
div.presta-btm2{width:265px; background:url(images/presta-btm2.jpg) no-repeat left bottom;}
div.presta-inner2{width:240px; margin:0 auto;padding:0 0 10px 0;}

/**************** ecotech-empresa.htm ************************************************/
div.la{padding:10px 0 60px 0;}
div.la p{ color:#373737;}
div.gray-right img.desk{ border:none; margin:-70px 0 0 0; position:relative;}

/**************** ecotech-eventos.htm ************************************************/
div.event-out{width:500px;padding:15px 0 10px 0;}
div.event-left{width:275px; float:left;}
div.event-right{width:225px; float:left;}
div.event-right p{padding:0 0 16px 0;}
/**************** ecotech-prestaciones.htm ************************************************/
div.listado-out2{width:550px;padding:10px 0 0px 0;}
div.banner-elo{width:221px; float:right;margin:0px 40px 0 0;}
div.listado-left2{width:250px;}
div.listado-left2 h2.list{color:#65A827;height:21px; width:245px; text-align:center;line-height:21px;background:url(images/listado-bg.jpg) no-repeat;}

/*************** site map *********************************/
div.mapadelsitio {font-family:Arial, Helvetica, sans-serif; font-size:10px; height:420px; width:550px; margin:auto}
ul.list-detail2 {padding:0 0 0 30px; margin:3px 0 0 0;line-height:21px;}


/***************** detalles de productos *************************/
div.prod_detalle {width:540px; margin:10px 0 0 0}
div.prod_t {background:url(images/detalle_tit.png) no-repeat;width:520px;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; height:23px; padding:5px 0 0 5px}
div.prod_txt_up { background:url(images/detalle_txt_up.png) no-repeat;width:525px; height:6px;margin:0 0 0 0; }
div.prod_txt {line-height:15px; padding:0 5px 0 5px; background:url(images/detalle_txt.png) repeat; width:515px; font-family:Arial, Helvetica, sans-serif;font-weight:normal; font-size:12px; text-align:justify;}
div.prod_txt_down { background:url(images/detalle_txt_down.png) no-repeat;width:525px; height:6px;margin:0 0 5px 0;}
div.boton_volver {font-family:Arial, Helvetica, sans-serif;font-weight:normal; font-size:12px; color:#00FFCC; background:url(images/btn_volver.png) no-repeat; height:30px;margin:0 15px 0 0; float:right; width:83px; height:30px; text-align:center; line-height:30px; }

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

div.foto_foto{ width:540px; padding:15px 0 0 0; margin:auto}
div.foto_producto {height:200px; width:200px; margin:auto; border:#CCCCCC thin double;  margin:auto}
div.foto_producto2 {height:200px; width:200px; margin:10px; border:#CCCCCC thin double; display:inline; float:left}

/******************************************************************/
div.prod_relacionados { width:540px;height:680px;margin:auto}
div.prod_relacionados_touch { width:540px; height:405px; margin:auto}
div.relacionados_01{ width:200px; float:right;}
div.prod_indiv{ width:400px; height:350px; float:left; }
div.foto_pre{ width:170px; border-left-color:#CCCCCC; border-left-width:thin; border-left-style:double; margin:auto}
div.foto_big{height:300px; width:300px; margin:auto; border:#CCCCCC thin double; float:left}
div.prod_detalle1 {width:540px; height: 230px}
div.foto_iu {float:left; height: 216}
div.flotar{ clear:both;}
.select-otros{ margin-top:5px;}


.centro{width:725px; padding-left:75px; padding-top:15px;}

.otherbutton {
float:left;
	position:relative;
	display:block;
	height: 149px;
	width: 150px;
	background:url(images/tablets.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	border:4px solid #009933;
	margin-bottom:15px;
	margin-right:75px;
}	
.otherbutton span.hover {
	position: absolute;
	display: block;
	height: 149px;
	width: 150px;
	background: url(images/tablets.jpg) no-repeat;
	background-position: bottom;
}

.otherbutton2{
	float: left;
	position:relative;
	display:block;
	height: 149px;
	width: 150px;
	background:url(images/notebooks.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	border:4px solid #009933;
	margin-bottom:15px;
	margin-right:75px;
}	
.otherbutton2 span.hover {
	position: absolute;
	display: block;
	height: 149px;
	width: 150px;
	background: url(images/notebooks.jpg) no-repeat;
	background-position: bottom;
}

.otherbutton3{
	float: left;
	position:relative;
	display:block;
	height: 149px;
	width: 150px;
	background:url(images/elo.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	border:4px solid #009933;
	margin-bottom:15px;
	
}	
.otherbutton3 span.hover {
	position: absolute;
	display: block;
	height: 149px;
	width: 150px;
	background: url(images/elo.jpg) no-repeat;
	background-position: bottom;
}

.otherbutton4{
	float: left;
	position:relative;
	display:block;
	height: 149px;
	width: 150px;
	background:url(images/monitores.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	border:4px solid #009933;
	margin-bottom:15px;
	margin-right:75px;
}	
.otherbutton4 span.hover {
	position: absolute;
	display: block;
	height: 149px;
	width: 150px;
	background: url(images/monitores.jpg) no-repeat;
	background-position: bottom;
}

.otherbutton5{
	float: left;
	position:relative;
	display:block;
	height: 149px;
	width: 150px;
	background:url(images/pcs.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	border:4px solid #009933;
	margin-bottom:15px;
	margin-right:75px;
}	
.otherbutton5 span.hover {
	position: absolute;
	display: block;
	height: 149px;
	width: 150px;
	background: url(images/pcs.jpg) no-repeat;
	background-position: bottom;
}
.otherbutton6{
	float: left;
	position:relative;
	display:block;
	height: 149px;
	width: 150px;
	background:url(images/allone.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	border:4px solid #009933;
	margin-bottom:15px;
	
}	
.otherbutton6 span.hover {
	position: absolute;
	display: block;
	height: 149px;
	width: 150px;
	background: url(images/allone.jpg) no-repeat;
	background-position: bottom;
}




.otherbutton7 {
float:left;
	position:relative;
	display:block;
	height: 149px;
	width: 150px;
	background:url(images/proyectores.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	border:4px solid #009933;
	margin-bottom:15px;
	margin-right:75px;
}	
.otherbutton7 span.hover {
	position: absolute;
	display: block;
	height: 149px;
	width: 150px;
	background: url(images/proyectores.jpg) no-repeat;
	background-position: bottom;
}

.otherbutton8{
	float: left;
	position:relative;
	display:block;
	height: 149px;
	width: 150px;
	background:url(images/pdas.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	border:4px solid #009933;
	margin-bottom:15px;
	margin-right:75px;
}	
.otherbutton8 span.hover {
	position: absolute;
	display: block;
	height: 149px;
	width: 150px;
	background: url(images/pdas.jpg) no-repeat;
	background-position: bottom;
}

.otherbutton9{
	float: left;
	position:relative;
	display:block;
	height: 149px;
	width: 150px;
	background:url(images/lcds.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	border:4px solid #009933;
	margin-bottom:15px;
	
}	
.otherbutton9 span.hover {
	position: absolute;
	display: block;
	height: 149px;
	width: 150px;
	background: url(images/lcds.jpg) no-repeat;
	background-position: bottom;
}



/***************************************************************/
/** BANNER ***/

div.banner_desplegable{ width:820px; margin:auto}