@charset "utf-8";
header, nav, section, article, aside, figure, footer{
	display: block;
	text-align: center;
}
.limpiar{
	clear:both;
	}

body{
	background-color: #555;
	margin: 0;
	
}


p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	}
p1{
	font-family: Candara;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	text-shadow: 0.1em 0.1em 0.2em black;
	}
p2{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	}
p3{
	font-family: Candara;
	font-size: 25px;
	color: #F90;
	text-align: justify;
	}
p4{
	font-family: Candara;
	font-size: 18px;
	color: #F90;
	text-align: justify;
	}
p5{
	font-family: Candara;
	font-size: 18px;
	color: #969;
	text-align: justify;
	}
p6{
	font-family: Candara;
	font-size: 25px;
	color: #969;
	text-align: justify;
	}
p7{
	font-family: Candara;
	font-size: 25px;
	color: #0F0;
	text-align: justify;
	}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	margin: 6px;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0px;
	padding-left:2px;
	}
h3{
	font-family: Candara;
	font-size: 22px;
	color: #0FF;
	font-weight: bold;
	text-decoration: underline;
	}
h4{
	font-family: Candara;
	font-size: 80cm;
	font-weight: bold;
	color: #FFF;
	}
h5{
	font-family: Candara;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	text-align: justify;	
	}

/*-- maquetacion --*/
#contenedor{
	
	margon: 0 auto;
	margin-top: 0;
	
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 150px;
	right: 10px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}

.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 50px;
	right: 10px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 300px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left: 300px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 200px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;	
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 550px;
	float: left;
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 35%;	
	}
/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 550px;
	float: left;
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 550px;	
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}
/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 550px;
	float: left;
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 140px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 110px;
	}
#mapalct{
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

.mapalct2{
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	}
#mapalct2{
	
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
	

	
.video{
	height: auto;
	width: 20%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 3%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}


/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 550px;
	float: left;
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 40%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 150px;
	margin-left: 20%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 140px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 550px;
	float: left;
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 110px;
	}
#mapa1{
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	}
#mapa2{
	
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;	
	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 50px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}
	
@media only screen and (max-width:1450px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 150px;
	right: 10px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}

.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 50px;
	right: 10px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 300px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left: 300px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 200px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;	
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 550px;
	float: left;
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 5%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 35%;
	}

/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 550px;
	float: left;
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}
.dere{
	float: left;
	width: 450px;
	margin-top: 60px;
	margin-left: 100px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 550px;	
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}
/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 350px;
	float: left;
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 140px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 110px;
	}
#mapalct{
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

.mapalct2{
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	}
#mapalct2{
	
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}


/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
	

	
.video{
	height: auto;
	width: 20%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 3%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}


/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 550px;
	float: left;
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 40%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 150px;
	margin-left: 20%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 140px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 550px;
	float: left;
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 110px;
	}
#mapa1{
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	}
#mapa2{
	
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;	
	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 50px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}

	
	
	
}


@media only screen and (max-width:1400px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	
	}

#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 300px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left: 300px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 200px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;	
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 450px;
	float: left;
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 5%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 35%;
	}

/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 450px;
	float: left;
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}

.dere1{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 500px;	
	}

/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 350px;
	float: left;
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 110px;
	}
#mapalct{
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

.mapalct2{
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	}
#mapalct2{
	
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}


/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
	

	
.video{
	height: auto;
	width: 20%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 3%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}
	
	
/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 450px;
	float: left;
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 40%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 150px;
	margin-left: 20%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 550px;
	float: left;
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 110px;
	}
#mapa1{
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	}
#mapa2{
	
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;	
	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 50px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}


	
	
	
}

@media only screen and (max-width:1366px){
	
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	
	}

#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 200px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left:200px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 200px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;	
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 400px;
	float: left;
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 5%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 70px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30%;
	}

/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 450px;
	float: left;
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}

.dere1{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 500px;	
	}

/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 350px;
	float: left;
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 80px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 120px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 120px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 110px;
	}
#mapalct{
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

.mapalct2{
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	}
#mapalct2{
	
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}



/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
	

	
.video{
	height: auto;
	width: 20%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 3%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}


/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 450px;
	float: left;
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 40%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 150px;
	margin-left: 20%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 130px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 130px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 130px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 130px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 450px;
	float: left;
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 110px;
	}
#mapa1{
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	}
#mapa2{
	
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;	
	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 50px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}

	
	
	
}


@media only screen and (max-width:1350px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	
	}

#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 200px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left:200px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 200px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;	
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 400px;
	float: left;
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 5%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 70px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30%;
	}

/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 450px;
	float: left;
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}

.dere1{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 500px;	
	}

/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 350px;
	float: left;
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 80px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 80px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 80px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 110px;
	}
#mapalct{
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

.mapalct2{
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	}
#mapalct2{
	
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}


/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
	

	
.video{
	height: auto;
	width: 20%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 3%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}



/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 450px;
	float: left;
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 40%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 150px;
	margin-left: 20%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 130px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 130px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 130px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 130px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 450px;
	float: left;
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 110px;
	}
#mapa1{
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	}
#mapa2{
	
	width: 550px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;	
	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 50px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}		
	
	
	
}

@media only screen and (max-width:1280px){

/*-- maquetacion --*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	
	}

#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 200px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left:200px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 200px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;	
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 400px;
	float: left;
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 5%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 70px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30%;
	}

/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 400px;
	float: left;
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}

.dere1{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 400px;	
	}

/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 350px;
	float: left;
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 80px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 80px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 80px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 110px;
	}
#mapalct{
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

.mapalct2{
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	}
#mapalct2{
	
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}


/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
	

	
.video{
	height: auto;
	width: 25%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 3%;
	margin-bottom: 5%;
	margin-left: 4%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}



/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 400px;
	float: left;
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 40%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 150px;
	margin-left: 20%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 70px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 70px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 400px;
	float: left;
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 110px;
	}
#mapa1{
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	}
#mapa2{
	
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;	
	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 50px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}
		
	
	
	
}

@media only screen and (max-width:1152px){
	
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	
	}

#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 200px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left:200px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 200px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;
	margin-top: 50px;
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 350px;
	float: left;
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 5%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30%;
	}

/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 350px;
	float: left;
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}

.dere1{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 350px;	
	}

/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	margin-top:50px;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 250px;
	float: left;
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 50px;
	width: 450px;
	}
#map-direccion1{
	width: 350px;	
	}
#mapalct{
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

.mapalct2{
	float: right;
	margin-top: 100px;
	margin-right: 50px;
	}
#mapalct2{
	
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}



/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
	

	
.video{
	height: auto;
	width: 25%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 3%;
	margin-bottom: 5%;
	margin-left: 4%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}



/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-top:50px
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 350px;
	float: left;
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 40%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 150px;
	margin-left: 20%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 70px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 70px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 70px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 70px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 350px;
	float: left;
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 110px;
	}
#mapa1{
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	}
#mapa2{
	
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;	
	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 50px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}
		
	
	
}

@media only screen and (max-width:1024px){
	
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	
	}

#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 100px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left:200px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 100px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;
	margin-top: 50px;
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 300px;
	float: left;
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 5%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 25%;
	}

/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 300px;
	float: left;
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}

.dere1{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 300px;	
	}

/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	margin-top:50px;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 250px;
	float: left;
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 50px;
	width: 450px;
	}
#map-direccion1{
	width: 350px;	
	}
#mapalct{
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

.mapalct2{
	float: right;
	margin-top: 100px;
	margin-right: 50px;
	}
#mapalct2{
	
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}



/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 25px;
	margin-left: 20%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
	

	
.video{
	height: auto;
	width: 25%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 3%;
	margin-bottom: 5%;
	margin-left: 4%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}



/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-top:50px
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 250px;
	float: left;
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 40%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 150px;
	margin-left: 20%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 300px;
	float: left;
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 60px;
	}
#mapa1{
	width: 400px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px !important;
	height: 350px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	width: 300px;
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 110px;
	}
#mapa2{
	
	width: 400px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px !important;
	height: 350px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;
	width: 300px;	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 50px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}		
	
	
}

@media only screen and (max-width:768px){
	

/*-- maquetacion --*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	
	}

#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 50px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left:100px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 100px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;
	margin-top: 50px;
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	margin-right: 20%;
	}
#logoretp img{
	height: auto;
	width: 95%;	
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 5%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 180px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20%;
	}

/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 150px;
	float: left;
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 60px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 60px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}

.dere1{
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-left: 200px;	
	}

/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	margin-top:50px;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 100px;
	float: left;
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 25px;
	margin-left: 10%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 180px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 150px;
	
	}
#map-direccion1{
	width: 350px;	
	}
#mapalct{
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

.mapalct2{
	float: right;
	margin-top: 100px;
	margin-right: 180px;
	
	}
#mapalct2{
	
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}


/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 25px;
	margin-left: 10%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
	

	
.video{
	height: auto;
	width: 40%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 3%;
	margin-bottom: 5%;
	margin-left: 4%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}


/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-top:50px
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 150px;
	float: left;
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 40%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 150px;
	margin-left: 20%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 200px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 200px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 150px;
	float: left;
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 160px;
	}
#mapa1{
	width: 400px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px !important;
	height: 350px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	width: 300px;
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 200px;
	}
#mapa2{
	
	width: 400px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px !important;
	height: 350px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;
	width: 300px;	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 60px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}				
	
	
}

@media only screen and (max-width:640px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	
	}

#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 50px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left:50px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 80px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;
	margin-top: 50px;
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	margin-right: 20%;
	}
#logoretp img{
	height: auto;
	width: 95%;	
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 5%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10%;
	}

/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 100px;
	float: left;
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 5%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 60px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 60px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}

.dere1{
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-left: 150px;	
	}

/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	margin-top:50px;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 180px;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	margin-right: 10%;
	}
#logoreteco img{
	height: auto;
	width: 95%;	
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 25px;
	margin-left: 10%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 180px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 180px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 180px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 100px;
	
	}
#map-direccion1{
	width: 350px;	
	}
#mapalct{
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

.mapalct2{
	float: right;
	margin-top: 100px;
	margin-right: 90px;
	
	}
#mapalct2{
	
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}


/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 25px;
	margin-left: 10%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
	

	
.video{
	height: auto;
	width: 40%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 3%;
	margin-bottom: 5%;
	margin-left: 4%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}


		
	
/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-top:50px
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 5%;
	margin-right: 10%;
	float: left;
	}
#logoecop{
	height: auto;
	width: 95%;	
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 40%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 150px;
	margin-left: 20%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	margin-right: 10%;
	}
#logoecopg img{
	height: auto;
	width: 95%;	
	
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 100px;
	}
#mapa1{
	width: 400px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px !important;
	height: 350px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	width: 300px;
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 140px;
	}
#mapa2{
	
	width: 400px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px !important;
	height: 350px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;
	width: 300px;	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 60px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}					
	
	
}

@media only screen and (max-width:535px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	
	}

#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 50px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left:50px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 200px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;
	margin-top: 80px;
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	margin-right: 20%;
	}
#logoretp img{
	height: auto;
	width: 95%;	
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 5%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 5%;
	width: 200px;	
	}
.marcas img{
	width: 95%;	
	}

/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 50px;
	float: left;
	}
#logoretpg img{
	height: auto;
	width: 95%;	
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 5%;
	float: left;
	}
#text-ret1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 10%;
	margin-bottom: 20px;
	margin-left: 10%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 60px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 60px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}

.dere1{
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-left: 100px;	
	}

/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	margin-top:80px;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	margin-right: 10%;
	}
#logoreteco img{
	height: auto;
	width: 95%;	
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 25px;
	margin-left: 10%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 50px;
	
	}
#map-direccion1{
	width: 350px;	
	}
#mapalct{
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

.mapalct2{
	float: right;
	margin-top: 100px;
	margin-right: 45px;
	
	}
#mapalct2{
	
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}


/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 25px;
	margin-left: 5%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;
	margin-right: 2%;
	margin-left: 2%;
	}
	

	
.video{
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 3%;
	margin-bottom: 5%;
	margin-left: 3%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}



/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-top:80px
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 5%;
	margin-right: 10%;
	float: left;
	}
#logoecop{
	height: auto;
	width: 95%;	
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 150px;
	margin-left: 20%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 120px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 120px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 120px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 120px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 120px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 120px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	margin-right: 10%;
	}
#logoecopg img{
	height: auto;
	width: 95%;	
	
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 60px;
	}
#mapa1{
	width: 400px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px !important;
	height: 350px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	width: 300px;
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 70px;
	}
#mapa2{
	
	width: 400px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px !important;
	height: 350px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;
	width: 300px;	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 60px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}				


		
	
	
}

@media only screen and (max-width:480px){
	
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	
	}

#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 50px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left:50px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 200px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;
	margin-top:90px;	
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	margin-right: 20%;
	}
#logoretp img{
	height: auto;
	width: 95%;	
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 5%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;	
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 20px;
	margin-left: -20px;
	width: 98%;
	height: auto;
	
	}


/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
	}
#logoretpg img{
	height: auto;
	width: 95%;	
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 5%;
	float: left;
	}
#text-ret1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 10%;
	margin-bottom: 20px;
	margin-left: 10%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 60px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 60px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}

.dere1{
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-left: 100px;	
	}

/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	margin-top:80px;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	margin-right: 10%;
	}
#logoreteco img{
	height: auto;
	width: 95%;	
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 25px;
	margin-left: 10%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 100px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 30px;
	
	}
#map-direccion1{
	width: 300px;	
	}
#mapalct{
	width: 350px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px !important;
	height: 350px !important;
}

.mapalct2{
	float: left;
	margin-top: 100px;
	margin-left: 30px;
	}
#map-direccion2{
	width: 300px;	
	}
#mapalct2{
	
	width: 350px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px !important;
	height: 350px !important;
}



/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 25px;
	margin-left: 5%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;
	margin-right: 2%;
	margin-left: 2%;
	}
	

	
.video{
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 3%;
	margin-bottom: 5%;
	margin-left: 3%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}		
	

/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-top:80px
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 5%;
	margin-right: 10%;
	float: left;
	}
#logoecop img{
	height: auto;
	width: 95%;	
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 150px;
	margin-left: 20%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 90px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 90px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 90px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 90px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 90px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 90px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	margin-right: 10%;
	}
#logoecopg img{
	height: auto;
	width: 95%;	
	
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 60px;
	}
#mapa1{
	width: 350px;
	height: 250px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px !important;
	height: 250px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	width: 300px;
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 70px;
	}
#mapa2{
	
	width: 350px;
	height: 250px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px !important;
	height: 250px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;
	width: 300px;	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 60px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}		
	
	
	
}

@media only screen and (max-width:414px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	
	}

#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 25px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left:50px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 150px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;
	margin-top: 90px;	
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 20%;
	float: left;
	margin-right: 20%;
	}
#logoretp img{
	height: auto;
	width: 95%;	
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-tet1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 5%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 60px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 60px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 60px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;
	margin-right: 10%;
	margin-left: 10%;
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 20px;
	margin-left: -90px;
	width: 98%;
	height: auto;
	
	}


/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
	}
#logoretpg img{
	height: auto;
	width: 95%;	
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 25px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 5%;
	float: left;
	}
#text-ret1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 10%;
	margin-bottom: 20px;
	margin-left: 10%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 60px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 60px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}

.dere1{
	float: left;
	width: 250px;
	margin-top: 10px;
	margin-left: 100px;	
	}

/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	margin-top:80px;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	margin-right: 10%;
	}
#logoreteco img{
	height: auto;
	width: 95%;	
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 25px;
	margin-left: 10%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 50px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 50px;
	height: auto;
	width: 300px;	
	}
#map-direccion1{
	width: 200px;	
	}
#mapalct{
	width: 250px;
	height: 250px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px !important;
	height: 250px !important;
}

.mapalct2{
	float: left;
	margin-top: 100px;
	margin-left: 50px;
	height: auto;
	width: 300px;
	}
#map-direccion2{
	width: 200px;	
	}
#mapalct2{
	
	width: 250px;
	height: 250px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px !important;
	height: 250px !important;
}



/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 25px;
	margin-left: 5%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;
	margin-right: 2%;
	margin-left: 2%;
	}
	

	
.video{
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 3%;
	margin-bottom: 5%;
	margin-left: 3%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}


/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-top:80px
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 5%;
	margin-right: 10%;
	float: left;
	}
#logoecop img{
	height: auto;
	width: 90%;	
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 20%;
	margin-bottom: 150px;
	margin-left: 20%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 60px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 60px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 60px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 60px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 60px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 60px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	margin-right: 10%;
	}
#logoecopg img{
	height: auto;
	width: 95%;	
	
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 5%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 20px;
	}
#mapa1{
	width: 350px;
	height: 250px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px !important;
	height: 250px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	width: 300px;
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 40px;
	}
#mapa2{
	
	width: 350px;
	height: 250px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px !important;
	height: 250px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;
	width: 300px;	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 60px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}				
	
	
}

@media only screen and (max-width:375px){
	

/*-- maquetacion --*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	
	}

#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 100px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left:90px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 150px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;	
	margin-top:115px;
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 5%;
	float: left;
	margin-right: 5%;
	}
#logoretp img{
	height: auto;
	width: 95%;	
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-ret1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 40px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 40px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 40px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;
	margin-right: 10%;
	margin-left: 10%;
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 20px;
	margin-left: -125px;
	width: 98%;
	height: auto;
	
	}


/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
	}
#logoretpg img{
	height: auto;
	width: 95%;	
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 25px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 5%;
	float: left;
	}
#text-ret1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 10%;
	margin-bottom: 20px;
	margin-left: 10%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 60px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 60px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}

.dere1{
	float: left;
	width: 250px;
	margin-top: 10px;
	margin-left: 50px;	
	}

/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	margin-top:115px;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	margin-right: 10%;
	}
#logoreteco img{
	height: auto;
	width: 95%;	
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 25px;
	margin-left: 10%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 35px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 35px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 35px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 50px;
	height: auto;
	width: 300px;	
	}
#map-direccion1{
	width: 200px;	
	}
#mapalct{
	width: 250px;
	height: 250px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px !important;
	height: 250px !important;
}

.mapalct2{
	float: left;
	margin-top: 100px;
	margin-left: 50px;
	height: auto;
	width: 300px;
	}
#map-direccion2{
	width: 200px;	
	}
#mapalct2{
	
	width: 250px;
	height: 250px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px !important;
	height: 250px !important;
}

/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 25px;
	margin-left: 5%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;
	margin-right: 2%;
	margin-left: 2%;
	}
	

	
.video{
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 3%;
	margin-bottom: 5%;
	margin-left: 3%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-top:115px
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 5%;
	margin-right: 10%;
	float: left;
	}
#logoecop img{
	height: auto;
	width: 90%;	
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 150px;
	margin-left: 10%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	margin-right: 10%;
	}
#logoecopg img{
	height: auto;
	width: 95%;	
	
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 5%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 60px;
	}
#mapa1{
	width: 250px;
	height: 250px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px !important;
	height: 250px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	width: 200px;
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 60px;
	}
#mapa2{
	
	width: 250px;
	height: 250px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px !important;
	height: 250px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;
	width: 200px;	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 60px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}				
	
	
	
	
}

@media only screen and (max-width:360px){
	
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
	
	}

#cabecera{
	background-color: rgba(178,89,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#email{
	float: left;
	margin-top: 10px;
	margin-left: 100px;	
	}
#telf{
	float: left;
	margin-top: 10px;
	margin-left:90px;	
	}
#rs{
	float: right;
	margin-top: 10px;
	margin-right: 150px;	
	}
/*--retinoptica--*/
.rotacion{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #930;
	margin-top: 115px;
	}
#cuerpo0{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-ret.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretp{
	margin-top: 150px;
	margin-bottom: 50px;
	margin-left: 5%;
	float: left;
	margin-right: 5%;
	}
#logoretp img{
	height: auto;
	width: 95%;	
	}
#tit-lentes-ret{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-ret{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-ret1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#ftret1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#tit-marcas{
	margin-top: 100px;
	margin-bottom: 30px;
	margin-right: 10%;
	margin-left: 10%;
	}
.marcas{
	float: left;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 20px;
	margin-left: -140px;
	width: 98%;
	height: auto;
	
	}


/*--gafas-retinoptica--*/

#cuerpo0g{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-retg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}

#logoretpg{
	margin-top: 25px;
	margin-bottom: 50px;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
	}
#logoretpg img{
	height: auto;
	width: 95%;	
	}
#tit-lentes-retg{
	float: left;
	margin-left: 40px;
	margin-top: 190px;
	margin-bottom: 50px;
	}
#text-retg{
	text-align: justify;
	margin-top: 25px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 5%;
	float: left;
	}
#text-ret1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 10%;
	margin-bottom: 20px;
	margin-left: 10%;
	float: left;
	}
#ftret1g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}
#ftret2g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;	
	}
#ftret3g{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 150px;	
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #0066CC;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #06C;
	}

	
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 0px;
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

	
/* --- Pie pagina ---*/
footer{
	height: 60px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 60px;
	width: auto;
	background-color: #B25900;
	margin-top: 0px;
	}

.dere1{
	float: left;
	width: 250px;
	margin-top: 10px;
	margin-left: 50px;	
	}

/*--lentes-contacto--*/

#cabecera2{
	background-color: rgba(32,64,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion2{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #27420D;
	margin-top:115px;
	}
#cuerpo2{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-lc.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoreteco{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	margin-right: 10%;
	}
#logoreteco img{
	height: auto;
	width: 95%;	
	}
#text-lc{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 25px;
	margin-left: 10%;
	float: left;
	}
#ftlct1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 35px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 35px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
#ftlct3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 35px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #336600;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #360;
	}
.tit-direccion-lct{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
#piepagina3{
	height: 50px;
	width: auto;
	background-color: #224000;
	margin-top: 0px;
	}

/*--mapa--*/
.mapalct{
	float: left;
	margin-top: 100px;
	margin-left: 50px;
	height: auto;
	width: 300px;	
	}
#map-direccion1{
	width: 200px;	
	}
#mapalct{
	width: 250px;
	height: 250px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px !important;
	height: 250px !important;
}

.mapalct2{
	float: left;
	margin-top: 100px;
	margin-left: 50px;
	height: auto;
	width: 300px;
	}
#map-direccion2{
	width: 200px;	
	}
#mapalct2{
	
	width: 250px;
	height: 250px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #0f0;
	border-left-color: #0f0;	
	}
/*--codigo-mapa-google--*/

#mapalct2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px !important;
	height: 250px !important;
}

/*--- informate--*/

#text-info{
	text-align: justify;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 25px;
	margin-left: 5%;
	float: left;
	}
#tit-marcas-info{
	margin-top: 100px;
	margin-bottom: 30px;
	margin-right: 2%;
	margin-left: 2%;
	}
	

	
.video{
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 5px;
	margin-top: 5%;
	margin-right: 3%;
	margin-bottom: 5%;
	margin-left: 3%;	
	}
#tit-vinfo{
	margin-top: 5px;
	margin-bottom: 5px;	
	}

.videos {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.videos iframe,
.videos object,
.videos embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}
	

/*--economica--*/
#cabecera1{
	background-color: rgba(255,0,0,0.5);
	position: fixed;
	padding-bottom: 10px;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
.rotacion1{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-top:115px
	}
#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecop{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 5%;
	margin-right: 10%;
	float: left;
	}
#logoecop img{
	height: auto;
	width: 90%;	
	}
#text-eco{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	}
#text-eco1{
	text-align: justify;
	margin-top: 20px;
	margin-right: 20%;
	margin-bottom: 20px;
	margin-left: 20%;
	float: left;
	}
#text-eco2{
	text-align: justify;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 150px;
	margin-left: 10%;
	float: left;
	}
#fteco1{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco2{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco3{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco4{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco5{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
#fteco6{
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	border-right-width: 4px;
	border-right-style: ridge;
	border-right-color: #990000;
	border-bottom-width: 4px;
	border-bottom-style: ridge;
	border-bottom-color: #900;
	}
.tit-direccion{
	float: left;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
	}
/*--gafas-economicas--*/

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-eco.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 100px;
	}
#logoecopg{
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: 10%;
	float: left;
	margin-right: 10%;
	}
#logoecopg img{
	height: auto;
	width: 95%;	
	
	}
#text-ecog{
	text-align: justify;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 5%;
	float: left;
	}

	
/*--mapa--*/
.mapa1{
	float: left;
	margin-top: 100px;
	margin-left: 60px;
	}
#mapa1{
	width: 250px;
	height: 250px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px !important;
	height: 250px !important;
}

#map-direccion1{
	margin-top: 15px;
	margin-bottom: 10px;	
	width: 200px;
	}


.mapa2{
	float: right;
	margin-top: 100px;
	margin-right: 60px;
	}
#mapa2{
	
	width: 250px;
	height: 250px;
	position: relative;
// This is the aspect ratio
    height: 10%;
	overflow: hidden;
	margin-bottom: 0px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-bottom-color: #900;
	border-left-color: #900;	
	}
/*--codigo-mapa-google--*/

#mapa2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px !important;
	height: 250px !important;
}
#map-direccion2{
	margin-top: 15px;
	margin-bottom: 10px;
	width: 200px;	
	}
	
/* --- Pie pagina ---*/

#piepagina2{
	height: 60px;
	width: auto;
	background-color: #990000;
	margin-top: 0px;
	}		


	
}