*{
	margin: 0;
	padding: 0;}
body{
	font-family: 'Oswald', sans-serif;
	font-size: 0.9em;
	font-weight: 300;
	line-height: 1.6em;}
img a{
	text-decoration: none;
	border: none #fff;}
a img{
	text-decoration: none;
	border: none #fff;}
a{
	text-decoration: none;}
.neg{
	font-weight: bold;}
.noneg{
	font-weight: normal;}
.noneg strong{
	font-weight: normal;}
address{
	font-style: normal;}	
.borra{
	clear: both;}
#gris{
	height: 10px;
	background: #009ee0;}
.incoman{
	color: #004c99;
	font-weight: 700;}
	

.blanco{
	background: #fff;}	
#banda{
	background: #fb9a00;}
#idioma a{
	display: block;
	background: #004c99;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	font-size: 0.9em;
	padding: 6px 0;}
#logo{
	margin: 0 0 20px 0;
	color: #009ee0;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;}
#logo img{
	text-align: center;}
.sub{
	display: block;}
#telefono{
	color: #009ee0;}
#imagen h1, #imagen2 h1, #imagen3 h1, 
#imagen4 h1, #imagen5 h1, #comun h1{
	color: #004c99;
	font-weight: 400;}
#imagen h2, #imagen2 h2, #imagen3 h2, 
#imagen4 h2, #imagen5 h2,  #comun h2{
	color: #009ee0;
	font-weight: 300;}
#imagen4{
	background: #fff;}
#comun{
	padding: 0 0 40px 0;}
#comun p{
	font-family: Verdana, Geneva, sans-serif;
	margin: 10px 0 0 0;}
.sombra{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.75);}
#columna{
	background: #009ee0;}
#columna ul{
	font-family: Verdana, Geneva, sans-serif;}
#columna h3{
	color: #fff;
	font-weight: 300;
	border-bottom: 1px solid #fff;
	margin: 10px 0 0 0;}
.frase{
	color: #009ee0;}
h4{
	font-weight: 400;
	line-height: 26px;}
h5{
	line-height: 1.3em;
	margin: 0 0 10px 0;}
#texto, #textoindex, #textofoto{
	font-family: Verdana, Geneva, sans-serif;}
#texto p, #textoindex p, #textofoto p{
	margin: 10px 0;}
#texto h2, #textofoto h2, .quien{
	font-family: 'Oswald', sans-serif;
	color: #009ee0;
	font-weight: 400;}
#texto h4, #textofoto h4{
	font-family: 'Oswald', sans-serif;
	color: #888;
	font-weight: 300;
	}
#cajas{
	font-family: Verdana, Geneva, sans-serif;
	background: #fff;}
#cajas a{
	display: block;
	color: #000;}
.tit{
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	display: block;}
#instal .tit{
	color: #004c99;
	border-bottom: 1px solid #004c99;}
#ahorro .tit{
	color: #009ee0;
	border-bottom: 1px solid #009ee0;}
#maquinas .tit{
	color: #fb9a00;
	border-bottom: 1px solid #fb9a00;}
#instal a:hover .tit, #ahorro a:hover .tit, #maquinas a:hover .tit{
	font-size: 1.6em;	}
#instal a:hover .tit{
	background: #004c99;
	color: #fff;
	border-bottom: 1px solid #004c99;
	padding: 8px 0 5px 0;
	opacity: 1;
	-moz-opacity:1;
	-khtml-opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
#ahorro a:hover .tit{
	background: #009ee0;
	color: #fff;
	border-bottom: 1px solid #009ee0;
	padding: 7px 0 5px 0;
	opacity: 1;
	-moz-opacity:1;
	-khtml-opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
#maquinas a:hover .tit{
	background: #fb9a00;
	color: #fff;
	border-bottom: 1px solid #fb9a00;
	padding: 8px 0 5px 0;
	opacity: 1;
	-moz-opacity:1;
	-khtml-opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
#instal a:hover img, #ahorro a:hover img, #maquinas a:hover img{
	opacity: 0.6;
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
#cajas img{
	margin: 0 0 10px 0;}
#instal a:hover img{
	width: 25%; height: auto; 
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin: 5px 0 7px 0;}
#ahorro a:hover img{
	width: 22%; height: auto; 
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin: 5px 0 7px 0;}
#maquinas a:hover img{
	width: 41%; height: auto; 
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin: 5px 0 7px 0;}
#amarillo a{
	display: block;
	border: 10px solid #ccc;}
#amarillo a:hover{
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	border: 10px solid #fb9a00;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.75);}
#amarillo h3{
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	letter-spacing: 0;
	font-size: 25px;
	line-height: 28px;
	color: #888;
	border-bottom: 1px solid #888;
	padding: 0 0 10px 0;}
#amarillo a:hover h3{
	color: #fb9a00;
	border-bottom: 1px solid #fb9a00;}
#faldon{
	background: #004c99;
	color: #fff;}
#faldon .todo{
	background: none;}
#izquierdo{
	font-size: 9px;
	letter-spacing: 1px;}
#derecho{
	font-family:Verdana, Geneva, sans-serif;}
#contacto a{
	width: 80px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #004c99;
	background: #009ee0;
	display: block;
	text-align: center;
	letter-spacing: 1px;
	font-size: 0.9em;
	padding: 6px 0;}
#contacto a:hover{
	background: #fff;}
#aviso a{
	display: block;
	padding: 5px 0;
	font-size: 0.8em;
	color: #009ee0;}
#aviso a:hover{
	color: #fff;}
#datos p{
	margin: 20px 0 0 0;}
.cifra{
	font-weight: bold;}
#am22, #amx10, #eje112i, #emc110, #ejc110, #ejc212, #efg316, #etv{
	font-family:Verdana, Geneva, sans-serif;}
#am22 h3, #amx10 h3, #eje112i h3,
#emc110 h3, #ejc110 h3, #ejc212 h3, #efg316 h3, #etv h3{
	font-family: 'Oswald', sans-serif;
	font-size: 0.9em;
	line-height: 30px;
	font-weight: 400;
	color:#fb9a00;
	font-size: 23px;
	margin: 10px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #fb9a00;}
.info{
	border-top: 1px solid #ccc;
	margin: 40px 0 0 0;}
.dato{
	border-bottom: 1px solid #ccc;
	padding: 10px 0 10px 10px;
	background: #edf2f5;}
.pdf a{
	display: block;
	background: url(../imagenes/pdf-color.jpg) no-repeat top right;
	width: 230px;
	padding: 30px 0 0 0;
	margin: 30px 0 0 0;
	color: #000;}
.pdf a:hover{
	color: #aaa;
	background: url(../imagenes/pdf-gris.jpg) no-repeat top right;}
.margen{
	margin: 40px 0 0 0;}
#frase{
	color: #009ee0;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;}
	
	
@media only screen 
and (max-width : 480px){
#menu{
	width: 100%;}
.container {
	width: 100%;}
.todo {
	margin: 0 20px;}
#idioma a{
	width: 100%;
	font-size: 0.8em;}
#cabecera{
	padding: 60px 0 0 0;}
#logo{
	width: 100%;}
#logo img{
	width: 80%; height: auto;
	max-width: 300px;}
#telefono{
	margin: 30px 0 0 0;
	font-size: 40px;
	text-align: center;
	line-height: 1.6em;}
#banda{
	margin: 0 20px;}
#imagen, #imagen2, #imagen3, #imagen4, #imagen5{
	height: 250px;
	margin: 0 auto;}
#imagen{
	background:  #fff url(../imagenes/bombilla-m.jpg) bottom right no-repeat;
	background-size: 50% auto;}
#imagen2{
	background:  #fff url(../imagenes/material-m.jpg) bottom right no-repeat;
	background-size: 58% auto;}
#imagen3{
	background:  #fff url(../imagenes/ahorro-m.jpg) bottom right no-repeat;
	background-size: 60% auto;}
#imagen5{
	background:  #fff url(../imagenes/caja-m.jpg) bottom right no-repeat;
	background-size: 55% auto;}
#imagen h1, #imagen2 h1, #imagen3 h1, 
#imagen4 h1, #imagen5 h1{
	width: 70%;
	font-size: 24px;
	line-height: 30px;
	padding: 40px 0 0 20px;}
#imagen h2, #imagen2 h2, #imagen3 h2, 
#imagen4 h2, #imagen5 h2{
	width: 45%;
	font-size: 20px;
	line-height: 27px;
	margin: 10px 0 0 20px;}
#comun h1{
	font-size: 24px;
	padding: 40px 0 0 0;}
#comun h2{
	font-size: 20px;
	line-height: 27px;
	margin: 10px 0 20px 0;}
.agrup{
	padding: 20px;}
#columna{
	padding: 15px;
	margin: 0 0 30px 0;}
#columna ul{
	margin: 10px 0 0 13px;
	line-height: 1.7em;}
#columna h3{
	font-size: 20px;
	letter-spacing: 1px;
	padding: 0 0 7px 0;}
#columna img{
	width: 100%; height: auto;
	margin: 0 0 15px 0;}
#foto{
	margin: 0 0 30px 0;}
#foto img{
	width: 100%; height: auto;}
#frase{
	margin: 30px 0 0 0;}
h4{
	font-size: 13px;
	margin: 0 0 40px 0;
	font-weight: 300;}
#texto, #textoindex, #textofoto{
	line-height: 24px;
	text-align: left;
	margin: 0;}
#texto h2, #textofoto h2, .quien{
	font-size: 22px;
	line-height: 32px;
	width: 70%;}
#texto h4, #textofoto h4{
	font-size: 22px;
	margin: 20px 0 0 0;}
.sut{
	margin: 30px 0 0 0;}
#cajas{
	margin: 40px 20px 0 20px;
	padding:  0 0 40px 0;
	text-align: center;}
#cajas a{
	padding: 0 0 10px 0;}
#amarillo a{
	padding: 10px;
	margin: 0 0 20px 0;}
#instal{
	margin: 0;}
#ahorro{
	margin: 20px 0 0 0;}
#maquinas{
	margin: 20px 0 0 0;}
.tit{
	font-size: 18px;
	margin: 0 0 5px 0;}
#instal a:hover .tit, #ahorro a:hover .tit, #maquinas a:hover .tit{
	font-size: 1.4em;	}
#instal .tit{
	padding: 0px 0 5px 0;}
#ahorro .tit{
	padding: 0px 0 5px 0;}
#maquinas .tit{
	padding: 0px 0 5px 0;}
#amarillo h3{
	font-size: 19px;
	text-align: left;
	width: 50%;
	float: left;}
#cajas img{
	margin: 0; padding: 0;}
#cajas #amarillo img{
	width: 50%;
	float: right;
	margin: 0; padding: 0;}
#cydesa{
	margin: 0 0 60px 0;}
.par img, .dob img{
	width: 100%; height: auto;
	padding: 20px 0 0 0;}
#junghe{
	padding: 30px 0 50px 0;
	text-align: left;}
#junghe img{
	width: 100%; height: auto;
	max-width: 290px;}
#faldon{
	padding: 50px 0 10px 0}
#derecho{
	text-align: left;}
#contacto a{
	margin: 40px 0 40px 0;}
#contacto a:hover{
	background: #fff;}
#mapagoogle{
	display: none;}
#mapafoto img{
	width: 100%; height: auto;}
#am22 h3, #amx10 h3, #eje112i h3,
#emc110 h3, #ejc110 h3, #ejc212 h3, #efg316 h3, #etv h3{
	font-size: 20px;}
#am22{
	background: url(../imagenes/AM22-m.jpg) no-repeat center 20px;}
#amx10{
	background: url(../imagenes/AMX10-m.jpg) no-repeat center 20px;}
#eje112i{
	background: url(../imagenes/EJE112i-m.jpg) no-repeat center 20px;}
#emc110{
	background: url(../imagenes/EMC110-m.jpg) no-repeat center 20px;}
#ejc110{
	background: url(../imagenes/EJC110-m.jpg) no-repeat center 20px;}
#ejc212{
	background: url(../imagenes/EJC212-m.jpg) no-repeat center 20px;}
#efg316{
	background: url(../imagenes/EFG316-m.jpg) no-repeat center 20px;}
#etv{
	background: url(../imagenes/ETV214-m.jpg) no-repeat center 20px;}
#am22 h3, #amx10 h3, #eje112i h3,
#emc110 h3, #ejc110 h3, #ejc212 h3, #efg316 h3, #etv h3{
	padding: 245px 0 0 0;}
.pdf{
	display: none;}
.cifra{
	display: block;}
#hor{
	display: none;}
#mapafoto a{
	display: block;
	width: 150px;
	padding: 5px 0 10px 10px;
	color: #333;}}


@media only screen 
and (min-width : 481px)
and (max-width : 699px) {
.guion{display: none;}
#menu{
	width: 100%;}
.container {
	width: 100%;}
.todo {
	margin: 0 20px;}
#idioma a{
	width: 100%;}
#cabecera{
	padding: 30px 0 0 0;}
#logo{
	width: 100%;}
#logo img{
	width: 60%; height: auto;
	max-width: 300px;}
#telefono{
	margin: 30px 0 0 0;
	font-size: 40px;
	text-align: center;
	line-height: 1.6em;}
#banda{
	margin: 0 20px;}
#imagen, #imagen2, #imagen3, #imagen4, #imagen5{
	height: 250px;
	margin: 0 auto;}
#imagen{
	background:  #fff url(../imagenes/bombilla-m.jpg) bottom right no-repeat;
	background-size: 50% auto;}
#imagen2{
	background:  #fff url(../imagenes/material-m.jpg) bottom right no-repeat;
	background-size: 50% auto;}
#imagen3{
	background:  #fff url(../imagenes/ahorro-m.jpg) bottom right no-repeat;
	background-size: 55% auto;}
#imagen5{
	background:  #fff url(../imagenes/caja-m.jpg) bottom right no-repeat;
	background-size: 55% auto;}
#imagen h1, #imagen2 h1, #imagen3 h1, 
#imagen4 h1, #imagen5 h1{
	width: 50%;
	font-size: 30px;
	line-height: 35px;
	padding: 70px 0 0 20px;}
#imagen h2, #imagen2 h2, #imagen3 h2, 
#imagen4 h2, #imagen5 h2{
	width: 40%;
	font-size: 20px;
	line-height: 27px;
	margin: 10px 0 0 20px;}
#comun h1{
	font-size: 30px;
	line-height: 35px;
	padding: 70px 0 0 0;}
#comun h2{
	font-size: 20px;
	line-height: 27px;
	margin: 10px 0 30px 0;}
.agrup{
	padding: 20px;}
#columna{
	padding: 15px;
	margin: 0 0 30px 0;}
#columna ul{
	margin: 10px 0 0 13px;
	line-height: 1.7em;}
#columna h3{
	font-size: 20px;
	letter-spacing: 1px;
	padding: 0 0 7px 0;}
#columna img{
	width: 100%; height: auto;
	margin: 0 0 15px 0;}
#foto{
	margin: 0 0 30px 0;}
#foto img{
	width: 100%; height: auto;}
#frase{
	margin: 40px 0 0 0;}
h4{
	font-size: 13px;
	margin: 0 0 40px 0;
	font-weight: 300;}
#texto, #textoindex, #textofoto{
	line-height: 24px;
	text-align: left;
	margin: 0;}
#texto h2, textofoto h2, .quien{
	font-size: 22px;
	line-height: 32px;
	width: 70%;}
#texto h4, #textofoto h4{
	font-size: 22px;
	margin: 20px 0 0 0;}
.sut{
	margin: 30px 0 0 0;}
#cajas{
	width: 300px;
	margin: 40px auto 0 auto;
	padding:  0 0 40px 0;
	text-align: center;}
#cajas a{
	padding: 0 0 10px 0;}
#amarillo a{
	padding: 10px;
	margin: 0 0 20px 0;}
#instal{
	margin: 0;}
#ahorro{
	margin: 20px 0 0 0;}
#maquinas{
	margin: 20px 0 0 0;}
.tit{
	font-size: 18px;
	margin: 0 0 5px 0;}
#instal a:hover .tit, #ahorro a:hover .tit, #maquinas a:hover .tit{
	font-size: 1.4em;	}
#instal .tit{
	padding: 14px 0 5px 0;}
#ahorro .tit{
	padding: 14px 0 5px 0;}
#maquinas .tit{
	padding: 14px 0 5px 0;}
#amarillo h3{
	font-size: 19px;
	text-align: left;
	width: 50%;
	float: left;}
#cajas img{
	margin: 0; padding: 0;}
#cajas #amarillo img{
	width: 50%;
	float: right;
	margin: 0; padding: 0;}
#cydesa{
	margin: 0 0 40px 0;}
.par img, .dob img{
	width: 100%; height: auto;
	padding: 20px 0 0 0;}
#junghe{
	padding: 30px 0 50px 0;
	text-align: left;}
#junghe img{
	width: 100%; height: auto;
	max-width: 290px;}
#faldon{
	padding: 50px 0 10px 0;}
#derecho{
	text-align: left;}
#contacto a{
	margin: 40px 0 40px 0;}
#contacto a:hover{
	background: #fff;}
#mapafoto{
	display: none;}
#mapagoogle iframe{
	width: 100%;}
#am22 h3, #amx10 h3, #eje112i h3,
#emc110 h3, #ejc110 h3, #ejc212 h3, #efg316 h3, #etv h3{
	font-size: 20px;}
#am22{
	background: url(../imagenes/AM22.jpg) no-repeat right 70px;
	background-size: 40% auto;}
#amx10{
	background: url(../imagenes/AMX10.jpg) no-repeat right 70px;
	background-size: 45% auto;}
#eje112i{
	background: url(../imagenes/EJE112i.jpg) no-repeat right 70px;
	background-size: 40% auto;}
#emc110{
	background: url(../imagenes/EMC110.jpg) no-repeat right 70px;
	background-size: 40% auto;}
#ejc110{
	background: url(../imagenes/EJC110.jpg) no-repeat right 70px;
	background-size: 40% auto;}
#ejc212{
	background: url(../imagenes/EJC212.jpg) no-repeat right 70px;
	background-size: 40% auto;}
#efg316{
	background: url(../imagenes/EFG316.jpg) no-repeat right 120px;
	background-size: 50% auto;}
#etv{
	background: url(../imagenes/ETV214.jpg) no-repeat right 70px;
	background-size: 40% auto;}
.desc{
	width: 55%;}
.desc2{
	width: 50%;}
.desc3{
	width: 55%;}
.info{
	opacity: 0.8;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;}
#ver{
	display: none;}
#hor img{
	width: 100%; height: auto;}}


@media only screen 
and (min-width : 700px)
and (max-width : 999px) {
.guion{display: none;}
#menu{
	width: 100%;}
.container {
	width: 100%;}
.todo {
	margin: 0 50px;}
#idioma a{
	width: 100%;}
#cabecera{
	padding: 30px 0 0 0;}
#logo{
	width: 100%;}
#logo img{
	width: 60%; height: auto;
	max-width: 300px;}
#telefono{
	margin: 30px 0 0 0;
	font-size: 40px;
	text-align: center;
	line-height: 1.6em;}
#banda{
	margin: 0 ;}
#imagen, #imagen2, #imagen3, #imagen4, #imagen5{
	height: 250px;
	margin: 0 auto;}
#imagen{
	background:  #fff url(../imagenes/bombilla.jpg) bottom right no-repeat;}
#imagen2{
	background:  #fff url(../imagenes/material.jpg) bottom right no-repeat;}
#imagen3{
	background:  #fff url(../imagenes/ahorro.jpg) bottom right no-repeat;}
#imagen5{
	background:  #fff url(../imagenes/caja.jpg) bottom right no-repeat;}
#imagen h1, #imagen2 h1, #imagen3 h1, 
#imagen4 h1, #imagen5 h1{
	width: 40%;
	font-size: 30px;
	line-height: 36px;}
#imagen h2, #imagen2 h2, #imagen3 h2, 
#imagen4 h2, #imagen5 h2{
	width: 40%;
	font-size: 22px;
	line-height: 28px;}
#comun h1{
	font-size: 30px;
	line-height: 36px;}
#comun h2{
	font-size: 22px;
	line-height: 28px;}
#imagen h1, #imagen2 h1, #imagen3 h1, 
#imagen4 h1, #imagen5 h1{
	padding: 70px 0 0 50px;}
#imagen h2, #imagen2 h2, #imagen3 h2, 
#imagen4 h2, #imagen5 h2{
	margin: 10px 0 0 50px;}
#comun h1{
	padding: 70px 0 0 0px;}
#comun h2{
	padding: 10px 0 30px 0px;}
.agrup{
	padding: 20px;}
#columna{
	padding: 15px;
	margin: 0 0 30px 0;}
#columna img{
	width: 50%;
	float: left;
	height: auto;
	margin: 0 0 15px 0;}
#columna #clientes{
	width: 45%;
	float: right;}
#columna ul{
	margin: 10px 0 0 13px;
	line-height: 1.7em;}
#columna h3{
	font-size: 20px;
	letter-spacing: 1px;
	padding: 0 0 7px 0;}
#foto{
	margin: 0 0 30px 0;
	width: 30%;
	float: left;}
.frase{
	font-size: 20px;
	margin: 30px 0 0 0;
	display: block;
	line-height: 25px;}
#foto img{
	width: 100%; height: auto;}
#frase{
	margin: 20px 0 0 0;}
h4{
	font-size: 13px;
	margin: 0 0 40px 0;
	font-weight: 300;}
#texto, #textoindex, #textofoto{
	line-height: 24px;
	text-align: left;
	margin: 0;}
#texto h2, #textofoto h2, .quien{
	font-size: 22px;
	line-height: 32px;
	width: 50%;}
#texto h4, #textofoto h4{
	font-size: 22px;
	margin: 20px 0 0 0;}
#textofoto{
	width: 67%;
	float: right;}
.no-float{
	float: none !important; width: 95% !important;}
.sut{
	margin: 30px 0 0 0;}
#menor{
	width: 300px;
	margin: 0 auto;}
#cajas{
	margin: 40px 50px 0 50px;
	padding:  0 0 40px 0;
	text-align: center;}
#cajas a{
	padding: 0 0 10px 0;}
#amarillo a{
	padding: 10px;
	margin: 0 0 20px 0;}
#instal{
	margin: 0;}
#ahorro{
	margin: 20px 0 0 0;}
#maquinas{
	margin: 20px 0 0 0;}
.tit{
	font-size: 18px;
	margin: 0 0 5px 0;}
#instal a:hover .tit, #ahorro a:hover .tit, #maquinas a:hover .tit{
	font-size: 1.4em;	}
#instal .tit{
	padding: 14px 0 5px 0;}
#ahorro .tit{
	padding: 14px 0 5px 0;}
#maquinas .tit{
	padding: 14px 0 5px 0;}
#amarillo h3{
	font-size: 24px;
	text-align: left;
	width: 50%;
	float: left;}
#cajas img{
	margin: 0; padding: 0;}
#cajas #amarillo img{
	width: 50%;
	float: right;
	margin: 0; padding: 0;}
#cydesa{
	margin: 0 0 40px 0;}
.par{
	width: 49%;
	float: left;}
.dob{
	width: 49%;
	float: right;}
.par img, .dob img{
	width: 100%; height: auto;
	padding: 20px 0 0 0;}
#junghe{
	padding: 30px 0 50px 0;
	text-align: left;}
#junghe img{
	width: 100%; height: auto;
	max-width: 290px;}
#faldon{
	padding: 50px 0 20px 0;}
#izquierdo{
	width: 50%;
	float: left;}
#derecho{
	width: 35%;
	float: right;
	text-align: right;}
#contacto a{
	float: right;
	margin: 17px 0 40px 0;}
#contacto a:hover{
	background: #fff;}
#aviso{
	clear: both;
	text-align: right;}
#mapafoto{
	display: none;}
#mapagoogle iframe{
	width: 100%;}
#mapa iframe{
	width: 100%;}
#am22{
	background: url(../imagenes/AM22-2.jpg) no-repeat bottom right;}
#amx10{
	background: url(../imagenes/AMX10-2.jpg) no-repeat bottom right;}
#eje112i{
	background: url(../imagenes/EJE112i-2.jpg) no-repeat bottom right;}
#emc110{
	background: url(../imagenes/EMC110-2.jpg) no-repeat bottom right;}
#ejc110{
	background: url(../imagenes/EJC110-2.jpg) no-repeat bottom right;}
#ejc212{
	background: url(../imagenes/EJC212-2.jpg) no-repeat bottom right;}
#efg316{
	background: url(../imagenes/EFG316-2.jpg) no-repeat bottom right;}
#etv{
	background: url(../imagenes/ETV214-2.jpg) no-repeat bottom right;}
.desc{
	width: 55%;}
.desc2{
	width: 45%;}
.desc3{
	width: 85%;}
.info{
	width: 400px;
	opacity: 0.9;
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;}
#hor{
	display: none;}}


@media only screen 
and (min-width : 1000px){
.guion{display: none;}
#fondo{
	background: #d8e4f0 url(../imagenes/cables.jpg) no-repeat top center;
	background-size: 100% auto;}
#menu{
	width: 900px;
	margin: 0 auto;}
.container {
	width: 1000px;
	margin: 0 auto;}
.todo {
	margin: 0 50px 0 50px;
	background: #fff;}
#idioma a{
	width: 80px;
	float: right;}
#cabecera{
	clear: both;}
#logo{
	width: 300px;
	float: left;}
#telefono{
	width: 300px;
	float: right;
	margin: 50px 0 0 0;
	font-size: 50px;
	text-align: right;}
#imagen, #imagen2, #imagen3, #imagen4, #imagen5{
	height: 250px;
	width: 1000px;
	margin: 0 auto;}
#imagen{
	background:  #fff url(../imagenes/bombilla.jpg) bottom right no-repeat;}
#imagen2{
	background:  #fff url(../imagenes/material.jpg) bottom right no-repeat;}
#imagen3{
	background:  #fff url(../imagenes/ahorro.jpg) bottom right no-repeat;}
#imagen5{
	background:  #fff url(../imagenes/caja.jpg) bottom right no-repeat;}
#imagen h1, #imagen2 h1, #imagen3 h1, 
#imagen4 h1, #imagen5 h1, #comun h1{
	font-size: 32px;}
#imagen h2, #imagen2 h2, #imagen3 h2, 
#imagen4 h2, #imagen5 h2, #comun h2{
	font-size: 22px;
	line-height: 35px;}
#imagen h1, #imagen2 h1, #imagen3 h1, 
#imagen4 h1, #imagen5 h1{
	padding: 110px 0 0 50px;}
#imagen h2, #imagen2 h2, #imagen3 h2, 
#imagen4 h2, #imagen5 h2{
	margin: 10px 0 0 50px;}
#comun h1{
	padding: 60px 0 0 0px;}
#comun h2{
	padding: 10px 0 0 0px;}
.agrup{
	padding: 30px 50px 30px 20px;}
#columna{
	width: 220px;
	float: left;
	padding: 20px;}
#columna ul{
	margin: 10px 0 0 20px;
	line-height: 1.8em;}
#columna h3{
	font-size: 20px;
	letter-spacing: 1px;
	padding: 0 0 7px 0;}
#foto{
	width: 240px;
	float: left;}
.frase{
	font-size: 20px;
	margin: 40px 0 0 0;
	display: block;
	line-height: 27px;}
h4{
	font-size: 13px;
	margin: 40px 0 0 0;}
#texto, #textoindex, #textofoto{
	margin: 0 0 0 50px;
	line-height: 24px;
	text-align: justify;
	width: 520px;
	float: right;}
.no-float{
	float: none !important; width: 90% !important;}
#texto h2, #textfoto h2, .quien{
	font-size: 24px;}
#texto h4, #textofoto h4{
	font-size: 22px;
	margin: 20px 0 0 0;}
.sut{
	margin: 30px 0 0 0;}
#cajas{
	margin: 50px 50px 0 50px;
	padding:  0 0 80px 0;
	text-align: center;}
#cajas a{
	padding: 0 0 10px 0;}
#amarillo a{
	padding: 20px;}
#cydesa{
	margin: 0 0 60px 0;}
#instal{
	width: 31%;
	float: left;
	margin: 0 3.5% 0 0;}
#ahorro{
	width: 31%;
	float: left;}
#maquinas{
	width: 31%;
	float: right;}
.tit{
	font-size: 20px;
	margin: 0 0 5px 0;}
#instal .tit{
	padding: 0px 0 5px 0;}
#ahorro .tit{
	padding: 0px 0 5px 0;}
#maquinas .tit{
	padding: 0px 0 5px 0;}
.par{
	width: 49%;
	float: left;}
.dob{
	width: 49%;
	float: right;}
.left{
	width: 48%;
	float: left;}
.right{
	width: 48%;
	float: right;}
.par img, .dob img{
	width: 100%; height: auto;
	padding: 20px 0 0 0;}
#junghe{
	margin: 80px 0 0 0;
	text-align: left;}
#faldon{
	padding: 50px 0;}
#izquierdo{
	width: 400px;
	float: left;}
#derecho{
	width: 250px;
	float: right;
	text-align: right;}
#contacto a{
	float: right;
	margin: 10px 0 30px 0;}
#contacto a:hover{
	background: #fff;}
#aviso a{
	clear: both;}
#mapafoto{
	display: none;}
#am22{
	background: url(../imagenes/AM22.jpg) no-repeat bottom right;}
#amx10{
	background: url(../imagenes/AMX10.jpg) no-repeat bottom right;}
#eje112i{
	background: url(../imagenes/EJE112i.jpg) no-repeat bottom right;}
#emc110{
	background: url(../imagenes/EMC110.jpg) no-repeat bottom right;}
#ejc110{
	background: url(../imagenes/EJC110.jpg) no-repeat bottom right;}
#ejc212{
	background: url(../imagenes/EJC212.jpg) no-repeat bottom right;}
#efg316{
	background: url(../imagenes/EFG316.jpg) no-repeat bottom right;}
#etv{
	background: url(../imagenes/ETV214.jpg) no-repeat bottom right;}
#am22, #amx10, #eje112i, #emc110, #emc110, #ejc110, #ejc212, #efg316, #etv{
	margin: 0 0 0 30px;}
#frase{
	width: 550px;
	margin: 20px 350px 0 0;}
.info{
	width: 400px;}
#hor{
	display: none;}
.orgak{
	margin: 0 0 28px 0;}
}