@charset "UTF-8";
/* CSS Document */
body{
	padding:0;
	margin:0;
	font-family: sofia_pro_lightregular;
	font-size: 7px;
}
#logoflotante{
	width:300px;
	height:300px;
	background-image:url(../imagenes/logoflotante.png);
	position:absolute;
	top:90px;
	z-index:80;
	left:75%;
	/*-webkit-box-shadow: 8px 6px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    8px 6px 5px rgba(50, 50, 50, 0.75);
box-shadow:         8px 6px 5px rgba(50, 50, 50, 0.75);*/
	
}
#lineafotos{
	width:100%;
	height:130px;
	margin:0 auto;
}
#fotosgaleria{
	width:180px;
	height:120px;
	float:left;
	margin-right: 5px;
}
#fotosgaleria1{
	width:180px;
	height:120px;
	float:left;
	margin-right: 5px;
	margin-left:20%;
}


#pie{
	width:100%;
	height:80px;
	background-image:url(../imagenes/fondocabeza.png);
	z-index:100;
	-webkit-box-shadow: 0px -4px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -4px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -4px 5px rgba(50, 50, 50, 0.75);
	margin: 0px;
	padding: 0px;
	
	
}
#cuerpoprincipal{
	width:100%;
	background-size: cover; 
}
#menuContenedor{
	max-width:1000px;
	width:100%;
	position:absolute;
	top:380px;
	z-index:80;
	
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
}
#menucito{
	width:90%;
	position: relative; left: -50%;
	background-color:#FFF;
	
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;	
}

#menucito a{
	color:#FFF;
	text-decoration:none;

}
#menucito a img{
	padding:10px;
	width:6.5%;
}
#encabezado{
	width:100%;
	height:100px;
	/*background-color:#FFF;*/
	background-image:url(../imagenes/fondocabeza.png);
	position:fixed;
	top:0;
	z-index:100;
	-webkit-box-shadow: 8px 6px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    8px 6px 5px rgba(50, 50, 50, 0.75);
box-shadow:         8px 6px 5px rgba(50, 50, 50, 0.75);
}

#menucito2{
	width:100%;

	position: relative; left: -50%;
	/*background-color:#F1CD6B;*/
	
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
	
	
}
#menucito2 a{
	color:#F1CD6B;
	text-decoration:none;

}
#menucito2 a img{
	padding:10px;
	width:11%;
}
.pagina{
	
}
.pagina2{
	/*max-height:900px;*/
	max-height:700px;

	overflow:scroll;
	max-width:1800px;
	width:100%;
	
}
#seccionsuertes{
	max-height:415px;
	overflow:scroll;
	max-width:1800px;
	width:100%;
	
}
#seccionsuertes2{
	max-height:415px;
	overflow:scroll;
	max-width:1800px;
	width:100%;
	background-image:url(../imagenes/rodrigo.png);
	background-repeat: no-repeat;
	background-position: center center;	
}
.fondopagina{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:400px;
	margin-top:100px;/*corresponde al alto del encabezado*/	
}
#fondopagina1{
	max-width: 100%;
	width: 100%;
	height: 100%;	/*background-size:cover;*/
	background-image: url(../imagenes/fotosgdes/foto6.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#fondopagina2{
	max-width:100%;
	width:100%;
	height:100%;
	background-image: url(../imagenes/fotosgdes/foto12.jpg);
	background-repeat: no-repeat;
	background-position: center top;	/*background-size:cover;*/	
}

#fondopagina3{
	max-width:100%;
	width:100%;
	height:100%;
	background: url(../imagenes/fotosgdes/foto1.jpg)  top center no-repeat;
	/*background-size:cover;*/	
}
#fondopagina4{
	max-width:100%;
	width:100%;
	height:100%;
	background: url(../imagenes/fotosgdes/foto23.jpg)  top center no-repeat;
	/*background-size:cover;*/	
}
#fondopagina5{
	max-width:100%;
	width:100%;
	height:100%;
	background: url(../imagenes/fotosgdes/foto4.jpg)  top center no-repeat;
	/*background-size:cover;*/	
}
#fondopagina6{
	max-width:100%;
	width:100%;
	height:100%;
	background: url(../imagenes/fotosgdes/foto11.jpg)  top center no-repeat;
	/*background-size:cover;*/	
}
#fondopagina7{
	max-width:100%;
	width:100%;
	height:100%;
	background: url(../imagenes/fotosgdes/foto21.jpg)  top center no-repeat;
	/*background-size:cover;*/	
}
#fondopagina8{
	max-width:100%;
	width:100%;
	height:100%;
	background: url(../imagenes/fotosgdes/foto19.jpg)  top center no-repeat;
	/*background-size:cover;*/	
}
#fondopagina9{
	max-width:100%;
	width:100%;
	height:100%;
	background: url(../imagenes/fotosgdes/foto18.jpg)  top center no-repeat;
	/*background-size:cover;*/	
}
#fondopagina10{
	max-width:100%;
	width:100%;
	height:100%;
	background: url(../imagenes/fotosgdes/foto11.jpg)  top center no-repeat;
	/*background-size:cover;*/	
}

#fondopagina11{
	max-width:100%;
	width:100%;
	height:100%;
	background: url(../imagenes/fotosgdes/foto15.jpg)  top center no-repeat;
	/*background-size:cover;*/	
}

#inventado{
	width:100%;
	height:10px;
	margin-bottom:500px;
	clear: both;
}
#inventado1{
	width:100%;
	height:10px;
	margin-bottom:500px;
	clear:both;
	background-color:#FCEBC3;
}
#inventado2{
	width:100%;
	height:10px;
	clear:both;
}
#division1{
	/*max-width:1800px;*/
	max-width:1800px;
	width:100%;
	height:400px;
	background-color:#F4F3F2;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#division2{
	/*max-width:1800px;*/
	max-width:1800px;
	width:100%;
	height:400px;
	/*background-color:#FCEBC3;*/
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#division3{
	/*max-width:1800px;*/
	max-width:1800px;
	width:100%;
	height:400px;
	/*background-color:#FCEBC3;*/
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
p{
	width:90%;
	margin:auto;
	font-family:'sofia_pro_lightregular', Georgia, "Times New Roman", Times, serif;
	text-align:justify;
}
/*para hacer mas grande*/
#division1bis{
	/*max-width:1800px;*/
	max-width:1800px;
	width:100%;
	height:600px;
	background-color:#F4F3F2;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#division2bis{
	/*max-width:1800px;*/
	max-width: 1800px;
	width: 100%;
	height: 480px;
	/*background-color:#FCEBC3;*/
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#division3bis{
	/*max-width:1800px;*/
	max-width:1800px;
	width:100%;
	height:600px;
	/*background-color:#FCEBC3;*/
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#cuadro1bis{
	width: 40%;
	/*height:400px;
	border:solid #000 2px;*/
	float: left;
	height: 550px;
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 10%;
}
#cuadro2bis{
	width:40%;
	float: left;
	margin: 2%;
	height: 550px;
	overflow: scroll;
}

#cuadro2sinbis{
	width:40%;
	float: left;
	margin: 2%;
	height: 550px;
}
#cuadro3bis{
	width: 60%;
	margin-left: 20%;
	height: 550px;
	overflow: scroll;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	text-align: justify;
}
#cuadro4bis{
	width: 40%;
	float: left;
	height: 350px;
	/*overflow: scroll;*/
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 10%;
}
#cuadro5bis{
	width:40%;
	/*height:400px;
	border:solid #000 2px;*/
	float: left;
	height: 600px;
	margin-right: 2%;
	margin-left: 10%;
}
#cuadro6bis{
	width:90%;
	/*height:400px;
	border:solid #000 2px;*/
	/*float: left;
*/	height: 600px;
	margin-right: 2%;
	margin-left: 10%;
}


/*fin para  hacer mas grande*/
#seccionsuertesbis{
	max-height:615px;
	overflow:scroll;
	max-width:1800px;
	width:100%;
	
}
#seccionsuertes2bis{
	max-height:615px;
	overflow:scroll;
	max-width:1800px;
	width:100%;
	background-image:url(../imagenes/rodrigo.png);
	background-repeat: no-repeat;
	background-position: center center;	
}

#cuadro1{
	width:40%;
	/*height:400px;
	border:solid #000 2px;*/
	float: left;
	height: 350px;
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 10%;
}
#cuadro2{
	width:40%;
	float: left;
	margin: 2%;
	height: 350px;
	overflow: scroll;
}
#cuadro2sin{
	width:40%;
	float: left;
	margin: 2%;
	height: 350px;
}
#cuadro3{
	width:60%;
	margin-left: 20%;
	height: 400px;
	overflow: scroll;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	text-align: justify;
}
#cuadro4{
	width:40%;
	float: left;
	height: 350px;
	overflow: scroll;
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 10%;
	
	
	
}
#cuadro5{
	width:40%;
	/*height:400px;
	border:solid #000 2px;*/
	float: left;
	height: 400px;
	margin-right: 2%;
	margin-left: 10%;
}
#cuadro6{
	width:90%;
	/*height:400px;
	border:solid #000 2px;*/
	/*float: left;
*/	height: 400px;
	margin-right: 2%;
	margin-left: 10%;
}




#contenedorconmedidas{
	width:960px;
	height:600px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#pieizquierda
{
	width:40%;
	height:90%;
	float:left
}
#piederecha{
	width:40%;
	height:90%;
	margin:0%;
	float:right;
}
@font-face {
    font-family: 'sofia_pro_lightregular';
    src: url('SofiaProLight-webfont.eot');
    src: url('SofiaProLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('SofiaProLight-webfont.woff') format('woff'),
         url('SofiaProLight-webfont.ttf') format('truetype'),
         url('SofiaProLight-webfont.svg#sofia_pro_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
#recuadrosvideo{
	width:500px;
	height:150px;
}
#cuadroenmedio{
	width: 25%;
	margin-left: 2%;
	float: left;
	margin-top: 45px;
}