charset "utf-8";
/* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
   http://www.alistapart.com/articles/fluid-images/
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}

html, body{
    height: 100%;
	width: 100%;
	overflow: hidden;
	background-image:url(http://www.justodelrio.net/images/carrusel/11.jpg);
	background-size: 100% 100%;
	z-index:-1;
}

#fondoImagenes{
	position:absolute;
	top:0; 
	left:0;
}
#fondoImagenes img.bgfade{
	position:absolute;
	top:0;
	display:none;
	width:100%;
	height:100%;
}

#loading {
    top: 45%;
    left: 48%;
    margin: auto;
    position: absolute;
    z-index: 1000;
    width: 15%;
    height: 40px;
    background: url(http://www.justodelrio.net/images/galerias/loading.gif) no-repeat;
    cursor: wait;
    }


#wrap-contenido {
    display: none;
    width: 100%;
	height: 100%;
	margin: auto;
	z-index: 200;
}

#logo {
	position: relative;
	width: 25%;
	top: 0;
	left: 10%;
	z-index: 1;
	}
.imgLogo{
	width: 92.8%;
	}
#menu {
	position: absolute;
	width: 53%;
	top: 8%;
	left: 40%;
	font-size: 125%;
	z-index: 1;
	}
.tablaMenu{
	width: 100%;
	}
.celdaMenu1{
	width: 130px;
	cursor: pointer;
	}
.celdaMenu2{
	width: 145px;
	cursor: pointer;
	}
.celdaMenu3{
	width: 155px;
	cursor: pointer;
	}
.celdaMenu4{
	width: 70px;
	cursor: pointer;
	}

.celdaMenuSocial{
	width: 200px;
	text-align:center;
	cursor: pointer;
	}
.imgsocial{
	margin-right: 5px;
	width: 15px;
	}
A  {color: #fff; text-decoration:none;}
A:Visited  {color:#fff;}
A:Active  {color: #499595;}
A:Hover  {color: #499595;}


.recuadros {padding-right:15px; padding-left:15px; padding-top:15px; padding-bottom:15px; position:absolute; background: url('../images/fondoApartado.png'); visibility:hidden;}
.ancla {position:relative;visibility:visible;}
	
/* CSS PARA DIV CON TABLA DE PROYECTOS */	
#contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 26.7%;
	width: 91%;
	height: 73.3%;
	letter-spacing: 0.05em;
	z-index: 0;

}

h1{font-family:Georgia,serif; font-size:18px; font-style:italic; margin:40px; color:#26beff;}
		
p{margin:0 0 20px 0;}
		
.content{
	width:100%; 
	height: 100%; 
	overflow:auto;
	z-index: 1;
	}

/* FIN CSS PARA DIV CON TABLA DE PROYECTOS */

#proyectos {
	display : table;
	border-collapse : collapse;
	width:97%;
	z-index: 1;
}
section {
	display : inline;
	padding: 0;
	width:13.5%;
	z-index: 1;
}

.imgProyecto{
	/*width: 148px;
	height: 148px;*/
	width:13.5%;
	cellpading: 0;
	cellspacing: 0;
	z-index: 2;
	}
	
.imgFamiliaProyecto{
	/*width: 148px;
	height: 148px;*/
	width:13.5%;
	cellpading: 0;
	cellspacing: 0;
	cursor:pointer;
	z-index: 2;
	}

#audio1{
	clear: both;
	float: left;
	margin-left: 0%;
	display: block;
	z-index: 4;
	position: absolute;
	z-index: 2;
}

#buttonbar{
	clear: both;
	float: left;
	margin-left: 0%;
	display: block;
	z-index: 4;
	position: absolute;
	bottom: 1.5%;
	left: 3.5%;
}
#play{
	cursor: pointer;	
}

#movil{
	display: none;
	width:100%;
	height:100%;
	overflow:auto;	
}

#header{
	display: none;
	width:100%;
	height:140px;
	background-color:#489494;
	top:0;
	left:0;
	margin-bottom:5px;
}

#cuerpo{
	display: none;
	width:100%;
	top:0;
	left:0;
}

#footer{
	display: none;
	width:100%;
	height:140px;
	background-color:#da8872;
	left:0;
	bottom:0;
}

#menuMovil{
	display:none;
	float:left;
	position:relative;
	width:100%;
	height:auto;
	font-family:Arial, sans-serif;
	font-size: 130%;
}


/*Recorta scroll central*/

@media screen and (device-width: 1280px) and (device-height: 1024px){

#contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 17%;
	width: 91%;
	height: 83%;
	letter-spacing: 0.05em;
	z-index: 0;
}
}

@media screen and (device-width: 1280px) and (device-height: 960px){

#contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 18.2%;
	width: 91%;
	height: 81.8%;
	letter-spacing: 0.05em;
	z-index: 0;
}
}

@media screen and (device-width: 1280px) and (device-height: 800px){

#contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 22.5%;
	width: 91%;
	height: 77.5%;
	letter-spacing: 0.05em;
	z-index: 0;
}
}

@media screen and (device-width: 1280px) and (device-height: 768px){

#contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 23.5%;
	width: 91%;
	height: 76.5%;
	letter-spacing: 0.05em;
	z-index: 0;
}
}

@media screen and (device-width: 1280px) and (device-height: 720px){

#contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 25.3%;
	width: 91%;
	height: 74.7%;
	letter-spacing: 0.05em;
	z-index: 0;
}
}

@media screen and (device-width: 1280px) and (device-height: 600px){

#contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 30%;
	width: 91%;
	height: 70%;
	letter-spacing: 0.05em;
	z-index: 0;
}
}

@media screen and (device-width: 1152px) and (device-height: 864px){

#contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 18.3%;
	width: 91%;
	height: 81.7%;
	letter-spacing: 0.05em;
	z-index: 0;
}
}

@media screen and (device-width: 1024px) and (device-height: 768px){

#contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 18.9%;
	width: 91%;
	height: 81.1%;
	letter-spacing: 0.05em;
	z-index: 0;
}
}

@media only screen and (height: 600px) and (width: 1024px) {
    #contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 20.9%;
	width: 91%;
	height: 79.1%;
	letter-spacing: 0.05em;
	z-index: 0;
    }
}

@media only screen and (height: 600px) and (width: 800px) {
    #contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 15.9%;
	width: 91%;
	height: 84.1%;
	letter-spacing: 0.05em;
	z-index: 0;
    }
    .imgLogo{
	/*width: 92.8%;*/
	width: 91%;
	}
}

@media only screen and (height: 498px) and (width: 886px) {
    #contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 21.1%;
	width: 91%;
	height: 84.1%;
	letter-spacing: 0.05em;
	z-index: 0;
    }
    .imgLogo{
	/*width: 92.8%;*/
	width: 91%;
	}
}

@media only screen and (height: 900px) and (width: 1600px) {
    #contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 9.9%;
    top: 21.7%;
	width: 91%;
	height: 78.3%;
	letter-spacing: 0.05em;
	z-index: 0;
    }
    .imgLogo{
	/*width: 92.8%;*/
	width: 93%;
	}
}

@media only screen and (height: 900px) and (width: 1440px) {
    #contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10.2%;
    top: 19.9%;
	width: 91%;
	height: 80.1%;
	letter-spacing: 0.05em;
	z-index: 0;
    }
    .imgLogo{
	/*width: 92.8%;*/
	width: 94%;
	}
}
@media only screen and (min-height: 900px) and (max-height: 906px) {
    #contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10.2%;
    top: 19.9%;
	width: 91%;
	height: 80.1%;
	letter-spacing: 0.05em;
	z-index: 0;
    }
    .imgLogo{
	/*width: 92.8%;*/
	width: 94%;
	}
}

@media only screen and (height: 1080px) and (width: 1920px) {
    #contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 19%;
	width: 91%;
	height: 78%;
	letter-spacing: 0.05em;
	z-index: 0;
    }
.imgLogo{
	/*width: 92.8%;*/
	width: 93.7%;
	}

}


@media only screen and (height: 1200px) and (width: 1900px) {
    #contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 19.5%;
	width: 91%;
	height: 80.5%;
	letter-spacing: 0.05em;
	z-index: 0;
    }
.imgLogo{
	/*width: 92.8%;*/
	width: 93.6%;
	}

}

@media only screen and (height: 1536px) and (width: 2048px) {
    #contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 16.4%;
	width: 91%;
	height: 83.6%;
	letter-spacing: 0.05em;
	z-index: 0;
    }
.imgLogo{
	/*width: 92.8%;*/
	width: 93.8%;
	}

}

@media only screen and (height: 1600px) and (width: 2560px) {
    #contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 19.8%;
	width: 91%;
	height: 80.2%;
	letter-spacing: 0.05em;
	z-index: 0;
    }
.imgLogo{
	/*width: 92.8%;*/
	width: 94%;
	}

}

@media only screen and (height: 1082px) and (width: 1924px) {
    #contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 22%;
	width: 91%;
	height: 80.2%;
	letter-spacing: 0.05em;
	z-index: 0;
    }
.imgLogo{
	/*width: 92.8%;*/
	width: 94%;
	}
}

@media only screen and (min-height: 745px) and (max-height: 783px) and (width: 1440px) {
    #contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 23.2%;
	width: 91%;
	height: 80.2%;
	letter-spacing: 0.05em;
	z-index: 0;
    }
.imgLogo{
	/*width: 92.8%;*/
	width: 94%;
	}
}

@media only screen and (height: 799px) and (width: 1440px) {
    #contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 22.8%;
	width: 91%;
	height: 80.2%;
	letter-spacing: 0.05em;
	z-index: 0;
    }
.imgLogo{
	/*width: 92.8%;*/
	width: 94%;
	}
}

/* Tablet Landscape / ipad vertical */
@media only screen and (min-width: 630px) and (max-width: 768px) {
html, body{
    height: 100%;
	width: 100%;
	overflow: hidden;
}

#fondoImagenes{
	position:fixed;; 
	z-index:-1; 
	top:0; 
	left:0; 
	background-color:#FFF;
}
#fondoImagenes img.bgfade{
	position:absolute;
	top:0;
	display:none;
	width:100%;
	height:100%;
	z-index:-1;
}

#wrap-contenido {
	width: 100%;	
	height: 90%;
	margin: auto;
	z-index: 1;
    padding-bottom: 10%;
}

#logo {
	position: absolute;
	/*width: 25%;*/
	top: 0;
	left: 10%;
	z-index: 1;
	}
.imgLogo{
	/*width: 92.8%;*/
	width: 91%;
	}
#menu {
	position: absolute;
	width: 53%;
	top: 5%;
	left: 40%;
	font-size: 110%;
	z-index: 1;
	}
.tablaMenu{
	width: 100%;
	}
.celdaMenu{
	width: 18%;
	cursor: pointer;
	}

.celdaMenuSocial{
	width: 28%;
	text-align:center;
	cursor: pointer;
	}
.imgsocial{
	margin-right: 5px;
	width: 12%;
	}
A  {color: #fff; text-decoration:none;}
A:Visited  {color:#fff;}
A:Active  {color: #499595;}
A:Hover  {color: #499595;}


.recuadros {padding-right:15px; padding-left:15px; padding-top:15px; padding-bottom:15px; position:absolute; background: url('../images/fondoApartado.png'); visibility:hidden;}
.ancla {position:relative;visibility:visible;}
	
/* CSS PARA DIV CON TABLA DE PROYECTOS */	
#contenidoCentro {
    position: absolute;
    overflow: hidden;
    clear: both;
	float: left;
	display: block;
	left: 10%;
    top: 18.9%;
	width: 91%;
	height: 81.1%;
	letter-spacing: 0.05em;
	z-index: 0;
}

h1{font-family:Georgia,serif; font-size:18px; font-style:italic; margin:40px; color:#26beff;}
		
p{margin:0 0 20px 0;}
		
.content{
	width:100%; 
	height: 100%; 
	overflow:auto; 
	/*padding-bottom: 3%; */
	}

/* FIN CSS PARA DIV CON TABLA DE PROYECTOS */

#proyectos {
	display : table;
	border-collapse : collapse;
	width:97%;
}
section {
	display : inline;
	cellpading: 0;
	cellspacing: 0;
	width: 13.5%;
	/*height: 91px;
	width: 91px;*/
}

.imgProyecto{
	/*width: 91px;
	height: 91px;*/
	width: 13.5%;
	cellpading: 0;
	cellspacing: 0;
	}
	
.imgFamiliaProyecto{
	/*width: 91px;
	height: 91px;*/
	width: 13.5%;
	cellpading: 0;
	cellspacing: 0;
	cursor:pointer;
	}

#audio1{
	clear: both;
	float: left;
	margin-left: 0%;
	display: block;
	z-index: 4;
	position: absolute;
}

#buttonbar{
	clear: both;
	float: left;
	margin-left: 0%;
	display: block;
	z-index: 4;
	position: absolute;
	bottom: 1.5%;
	left: 3.5%;
}
#play{
	cursor: pointer;	
}

}


/* 4.4 - Mobile Landscape */
@media only screen and (max-width: 629px){
 html, body{
    height: 100%;
	width: 100%;
	overflow: hidden;
	background-image:none;
}

#fondoImagenes{
	position:fixed;; 
	z-index:-1; 
	top:0; 
	left:0; 
	background-color:#FFF;
	display: none;
}
#fondoImagenes img.bgfade{
	position:absolute;
	top:0;
	display:none;
	width:100%;
	height:100%;
	z-index:-1;
	display: none;
}

#loading {
    top: 45%;
    left: 48%;
    margin: auto;
    position: absolute;
    z-index: 1000;
    width: 15%;
    height: 40px;
    background: url(http://www.justodelrio.net/images/galerias/loading.gif) no-repeat;
    cursor: wait;
    }

#wrap-contenido {
	width: 100%;	
	height: 100%;
	margin: auto;
	/*max-width: 1232px;*/
	z-index: 1;
	display: none;
}

#logo {
	position: absolute;
	width: 25%;
	top: 0;
	left: 10%;
	z-index: 1;
	display: none;
	}
.imgLogo{
	width: 92.8%;
	display: none;
	}
#menu {
	position: absolute;
	width: 53%;
	top: 8%;
	left: 40%;
	font-size: 125%;
	z-index: 1;
	display: none;
	}
.tablaMenu{
	width: 100%;
	display: none;
	}
.celdaMenu{
	width: 18%;
	cursor: pointer;
	}

.celdaMenuSocial{
	width: 28%;
	text-align:center;
	cursor: pointer;
	}

A  {color: #fff; text-decoration:none;}
A:Visited  {color:#fff;}
A:Active  {color: #fff;}
A:Hover  {color: #fff;}


.recuadros {padding-right:15px; padding-left:15px; padding-top:15px; padding-bottom:15px; position:absolute; background: url('../images/fondoApartado.png'); visibility:hidden;
display: none;
}
.ancla {position:relative;visibility:visible;
display: none;
}
	
/* CSS PARA DIV CON TABLA DE PROYECTOS */	
#contenidoCentro {
	clear: both;
	float: left;
	display: block;
	margin-left: 10%;
	margin-top: 11.6%;
	width: 91%;
	height: 86.8%;
	letter-spacing: 0.05em;
	display: none;
	/*background-image:url(../images/fondoServicios.png);*/
}

h1{font-family:Georgia,serif; font-size:18px; font-style:italic; margin:40px; color:#26beff;}
		
p{margin-left:15px;padding-top:3px;}
		
.content{
	width:100%; 
	height: 100%; 
	overflow:auto; 
	display: none;
	/*padding-bottom: 3%; */
	}

/* FIN CSS PARA DIV CON TABLA DE PROYECTOS */

#proyectos {
	display : table;
	border-collapse : collapse;
	width:97%;
	display: none;
}
section {
	display : inline;
	cellpading: 0;
	cellspacing: 0;
	display: none;
}
.imgProyecto{
	width: 148px;
	height: 148px;
	cellpading: 0;
	cellspacing: 0;
	display: none;
	}

#audio1{
	clear: both;
	float: left;
	margin-left: 0%;
	display: block;
	z-index: 4;
	position: absolute;
	display: none;
}

#buttonbar{
	clear: both;
	float: left;
	margin-left: 0%;
	display: block;
	z-index: 4;
	position: absolute;
	bottom: 1.5%;
	left: 3.5%;
	display: none;
}
#play{
	cursor: pointer;
	display: none;	
}

#movil{
	width:100%;
	height:100%;
	overflow:auto;
    display: block;
}

#header{
	display: block;
	width:100%;
	height:140px;
	background-color:#489494;
	top:0;
	left:0;
	margin-bottom:5px;	
}
#logoMovil{
	position:relative;
	width:auto;
	height:auto;
	left:0;
	top:23px;
}

.imgLogoMovil{
	width:250px;
}

#logoMenuMovil{
	display:block;
	float:left;
	position:relative;
	width:auto;
	height:auto;
	top:-80px;
	margin-left:78%;
	margin-bottom:-100px;
}
.imgMenuMovil{
	width:80px;
	cursor: pointer;
}

#socialMovil{
	display:block;
	float:left;
	position:relative;
	width:100px;
	height:auto;
	top:5px;
	margin-left:82.5%;
	margin-bottom:-100px;
	
}
.imgSocialMovil{
	margin-right:5px;
	display:inline;
	width:12%;
}

#cuerpo{
	display: block;
	width:100%;
	top:0;
	left:0;	
}
.proyectoMovil{
	width:100%;
	margin-bottom:5px;
}

.proyectoMovilImg{
  width:100%;
}

#footer{
	display: block;
	width:100%;
	height:140px;
	background-color:#da8872;
	left:0;
	bottom:0;
}

#logoMovilFooter{
	position:relative;
	width:250px;
	left:0;
	top:23px;
}
#logoMenuMovilFooter{
	display:block;
	float:left;
	position:relative;
	width:auto;
	height:auto;
	top:-60px;
	margin-left:78%;
	margin-bottom:-100px;
	}
	
.imgMenuMovilFooter{
	width:80px;
}
#up{
	display:block;
	float:left;
	position:relative;
	width:auto;
	height:auto;
	top:-90px;
	margin-left:84.2%;
	margin-bottom:-100px;
}
.imgUp{
	width:18px;
}

#menuMovil{
	display:none;
	float:left;
	position:relative;
	width:100%;
	height:auto;
	font-family:Arial, sans-serif;
	font-size: 130%;
}

#op1{
	display: block;
	width:100%;
	height:25px;
	background-color:#489494;
	top:0;
	left:0;
	margin-bottom:5px;

	}
#op2{
	display: block;
	width:100%;
	height:25px;
	background-color:#489494;
	top:0;
	left:0;
	margin-bottom:5px;

	}
#op3{
	display: block;
	width:100%;
	height:25px;
	background-color:#489494;
	top:0;
	left:0;
	margin-bottom:5px;

	}
#op4{
	display: block;
	width:100%;
	height:25px;
	background-color:#489494;
	top:0;
	left:0;
	margin-bottom:5px;

	}
#op5{
	display: block;
	width:100%;
	height:25px;
	background-color:#489494;
	top:0;
	left:0;
	margin-bottom:5px;

	}
#opf1{
	display: block;
	width:100%;
	height:25px;
	background-color:#da8872;
	top:0;
	left:0;
	margin-bottom:5px;
	font-size: 130%;
	}
#opf2{
	display: block;
	width:100%;
	height:25px;
	background-color:#da8872;
	top:0;
	left:0;
	margin-bottom:5px;
	font-size: 130%;
	}
#opf3{
	display: block;
	width:100%;
	height:25px;
	background-color:#da8872;
	top:0;
	left:0;
	margin-bottom:5px;
	font-size: 130%;
	}
#opf4{
	display: block;
	width:100%;
	height:25px;
	background-color:#da8872;
	top:0;
	left:0;
	margin-bottom:5px;
	font-size: 130%;
	}
#opf5{
	display: block;
	width:100%;
	height:25px;
	background-color:#da8872;
	top:0;
	left:0;
	margin-bottom:5px;
	font-size: 130%;
	}

}

/*Mobile portrait*/
@media only screen and (max-width: 480px){
	 html, body{
    height: 100%;
	width: 100%;
	overflow: hidden;
}

.ancla {position:relative;visibility:visible;
display: none;}
		
p{margin-left:15px;padding-top:3px;}

A  {color: #fff; text-decoration:none;}
A:Visited  {color:#fff;}
A:Active  {color: #fff;}
A:Hover  {color: #fff;}

#movil{
	width:100%;
	height:100%;
	overflow:auto;	
}

#header{
	display: block;
	width:100%;
	height:140px;
	background-color:#489494;
	top:0;
	left:0;
	margin-bottom:5px;	
}
#logoMovil{
	position:relative;
	width:auto;
	height:auto;
	left:-25px;
	top:25px;
}

.imgLogoMovil{
	width:230px;
}

#logoMenuMovil{
	display:block;
	float:left;
	position:relative;
	width:auto;
	height:auto;
	top:-60px;
	margin-left:79.5%;
	margin-bottom:-100px;
}
.imgMenuMovil{
	width:60px;
	cursor: pointer;
}

#socialMovil{
	display:block;
	float:left;
	position:relative;
	width:50px;
	height:auto;
	top:10px;
	margin-left:83.5%;
	margin-bottom:-100px;
	
}
.imgSocialMovil{
	margin-right:5px;
	display:inline;
	width:30%;
}

#cuerpo{
	display: block;
	width:100%;
	top:0;
	left:0;	
}
.proyectoMovil{
	width:100%;
	margin-bottom:5px;
}

#footer{
	width:100%;
	height:140px;
	background-color:#da8872;
	left:0;
	bottom:0;
}

#logoMovilFooter{
	position:relative;
	width:230px;
	height:auto;
	left:-25px;
	top:25px;
}
#logoMenuMovilFooter{
	display:block;
	float:left;
	position:relative;
	width:auto;
	height:auto;
	top:-40px;
	margin-left:79.5%;
	margin-bottom:-100px;
}
	
.imgMenuMovilFooter{
	width:60px;
	cursor: pointer;
}
#up{
	display:block;
	float:left;
	position:relative;
	width:auto;
	height:auto;
	top:-70px;
	margin-left:85%;
	margin-bottom:-100px;
}
.imgUp{
	width:18px;
}

#menuMovil{
	display:none;
	float:left;
	position:relative;
	width:100%;
	height:auto;
	font-family:Arial, sans-serif;
	font-size: 130%;
}


#op1{
	display: block;
	width:100%;
	height:25px;
	background-color:#489494;
	top:0;
	left:0;
	margin-bottom:5px;
	}
#op2{
	display: block;
	width:100%;
	height:25px;
	background-color:#489494;
	top:0;
	left:0;
	margin-bottom:5px;
	}
#op3{
	display: block;
	width:100%;
	height:25px;
	background-color:#489494;
	top:0;
	left:0;
	margin-bottom:5px;
	}
#op4{
	display: block;
	width:100%;
	height:25px;
	background-color:#489494;
	top:0;
	left:0;
	margin-bottom:5px;
	}
#op5{
	display: block;
	width:100%;
	height:25px;
	background-color:#489494;
	top:0;
	left:0;
	margin-bottom:5px;
	}

#opf1{
	display: block;
	width:100%;
	height:25px;
	background-color:#da8872;
	top:0;
	left:0;
	margin-bottom:5px;
	font-size: 130%;
	}
#opf2{
	display: block;
	width:100%;
	height:25px;
	background-color:#da8872;
	top:0;
	left:0;
	margin-bottom:5px;
	font-size: 130%;
	}
#opf3{
	display: block;
	width:100%;
	height:25px;
	background-color:#da8872;
	top:0;
	left:0;
	margin-bottom:5px;
	font-size: 130%;
	}
#opf4{
	display: block;
	width:100%;
	height:25px;
	background-color:#da8872;
	top:0;
	left:0;
	margin-bottom:5px;
	font-size: 130%;
	}
#opf5{
	display: block;
	width:100%;
	height:25px;
	background-color:#da8872;
	top:0;
	left:0;
	margin-bottom:5px;
	font-size: 130%;
	}
.completo{
	width: 90%;
	display: block;
}

}