*{
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	font-family:sans-serif;
	}
	
/*-------------------------------*/	
/*-------------------------------*/	
/*--CABEZOTE--*/
	
header{
	position:relative;
	margin:auto;
	width:1000px;
	height:135px;
	background:url(../img/cabezote2.jpg);
	}
	
#logo{
	position:absolute;
	top:5px;
	left:15px;
	width:180px;
	}

#logo h1{
	position:absolute;
	top:20px;
	text-align: center;
	left:110px;
	width: 850px;
	color:#0d02a0;
	font-weight:90;
}

#logo h2{
	position:absolute;
	top:70px;
	left:100px;
	text-align: center;
	width: 800px;
	color:#0d02a0;
	font-weight:90;
}

/*--FIN CABEZOTE--*/
/*-------------------------------*/	
/*-------------------------------*/
/*--BARRA DE NAVEGACIÓN--*/

nav{
	position:relative;
	margin:auto;
	width:1000px;
	height:45px;
	border-bottom:1px solid #bcd1cb;
	background:url(../img/nav.jpg);
}
	
nav ul{
	position:relative;
	top:0;
	left:0;
	width:700px;
	height:45px;
}
	
nav ul li{
	float:left;
	width:125px;
	line-height:45px;
	text-align:center;
	font-size:14px;
	color:white;
	border-right:1px solid #bcd1cb;
}

nav ul li:hover{
	float:left;
	width:124px;
	line-height:45px;
	text-align:center;
	font-size:14px;
	color:white;
	border-right:1px solid #bcd1cb;
	background: #5d0369;
}

/*--FIN BARRA DE NAVEGACIÓN--*/
/*-------------------------------*/	
/*-------------------------------*/
/*--SECTION INICIO--*/

section#inicio{
	position:relative;
	margin:auto;
	width:1000px;
	height:299px;
	background:white;
	}
	
section#inicio ul li{
	float:left;
	width:333px;
	height:299px;
	}
	
section#inicio ul li h1{
	margin:23px 27px;
	font-weight:100;
	font-size:25px;
	}
	
section#inicio ul li p{
	margin:23px 28px;
	font-size:15px;
	text-align: justify;
	}
	
section#inicio ul li img{
	margin:1px 29px;
	width:273px;
	height:83px;
	background:silver;	
	}

/*--FIN SECTION INICIO--*/
/*-------------------------------*/	
/*-------------------------------*/	
/*--SECTION VIDEO--*/
section#video{
	position:relative;
	margin:auto;
	width:1000px;
	height:310px;
	background:white;
	}
/*-------------------------------*/	
/*-------------------------------*/	
/*--SECTION QUIENES SOMOS--*/

section#quienesSomos{
	position:relative;
	margin:auto;
	width:1000px;
	height:270px;
	background:url(../img/quienesSomos.jpg);
	background:white;
	}

section#quienesSomos h1{
	position:relative;
	top:15px;
	left:27px;
	color:#1f1d21;
	font-weight:100;
	}
	
section#quienesSomos h2{
	position:relative;
	top:25px;
	left:27px;
	color:#1f1d21;
	font-weight:100;
	}

section#quienesSomos h4{
	position:relative;
	top:35px;
	left:27px;
	color:#1f1d21;
	font-weight:100;
	}

section#quienesSomos hr{
	position:relative;
	top:20px;
	width:950px;
	margin:auto;
	border:1px solid #c6c6c6c6;
	}

section#quienesSomos p{
	position:relative;
	top:30px;
	width:950px;
	margin:auto;
	color:#414042;
	font-size: large;
	text-align:justify;
	}
	
section#quienesSomos img{
	float:left;
	width:300px;
	height: 160px;
	margin-right:20px;
	}
	
/*--FIN SECTION QUIENES SOMOS--*/
/*-------------------------------*/	
/*-------------------------------*/	
/*--SECTION NUESTROS SERVICIOS--*/
section#nuestrosservicios{
	position:relative;
	margin:auto;
	width:1000px;
	height:110px;
	background:url(../img/quienesSomos.jpg);
	background:white;
	}

section#nuestrosservicios h1{
	position:relative;
	top:15px;
	left:27px;
	color:#1f1d21;
	font-weight:100;
	}
	
	section#nuestrosservicios h2{
		position:relative;
		top:25px;
		left:27px;
		color:#1f1d21;
		font-weight:100;
	}

	section#nuestrosservicios hr{
		position:relative;
		top:20px;
		width:950px;
		margin:auto;
		border:2px solid #c6c6c6c6;
		}
/*-------------------------------*/	
/*-------------------------------*/	
/*--SECTION DEPORTIVO--*/

section#deportivo{
	position:relative;
	margin:auto;
	width:1000px;
	height:300px;
	background:url(../img/quienesSomos.jpg);
	background:white;
	}
section#deportivo h4{
	position:relative;
	top:35px;
	left:27px;
	color:#1f1d21;
	font-weight:100;
		
	}

section#deportivo p{
	position:relative;
	top:42px;
	width:950px;
	margin:auto;
	color:#414042;
	font-size: larger;
	text-align:justify;
	}
	
section#deportivo img{
	float:left;
	width:300px;
	margin-right:20px;
	}
	
/*--FIN SECTION DEPORTIVO--*/
/*-------------------------------*/	
/*-------------------------------*/	
/*--SECTION CULTURAL--*/
section#cultural{
	position:relative;
	margin:auto;
	width:1000px;
	height:300px;
	background:url(../img/quienesSomos.jpg);
	background:white;
	}
	section#cultural h4{
		position:relative;
		top:35px;
		left:27px;
		color:#1f1d21;
		font-weight:100;
	}

section#cultural p{
	position:relative;
	top:42px;
	width:950px;
	margin:auto;
	color:#414042;
	font-size: larger;
	text-align:justify;
	}
	
section#cultural img{
	float:left;
	width:300px;
	margin-right:20px;
	}
	
/*--FIN SECTION CULTURAL--*/
/*-------------------------------*/	
/*-------------------------------*/	
/*--SECTION POLÍTICO--*/

section#politico{
	position:relative;
	margin:auto;
	width:1000px;
	height:299px;
	background:url(../img/quienesSomos.jpg);
	background:white;
	}
	section#politico h4{
		position:relative;
		top:35px;
		left:27px;
		color:#1f1d21;
		font-weight:100;
	}

section#politico p{
	position:relative;
	top:42px;
	width:950px;
	margin:auto;
	color:#414042;
	font-size: larger;
	text-align:justify;
	}
	
section#politico img{
	float:left;
	width:300px;
	margin-right:20px;
	}
	
/*--FIN SECTION POLÍTICO--*/

/*-------------------------------*/	
/*-------------------------------*/	
/*--SECTION MODULOS DE PRODUCCIÓN--*/
section#produccion{
	position:relative;
	margin:auto;
	width:1000px;
	height:299px;
	background:url(../img/quienesSomos.jpg);
	background:white;
	}
	section#produccion h4{
		position:relative;
		top:35px;
		left:27px;
		color:#1f1d21;
		font-weight:100;
	}

section#produccion p{
	position:relative;
	top:42px;
	width:950px;
	margin:auto;
	color:#414042;
	font-size: larger;
	text-align:justify;
	}
	
section#produccion img{
	float:left;
	width:300px;
	margin-right:20px;
	margin-bottom:20px;
	}
	
/*--FIN MODULOS DE PRODUCCIÓN--*/
/*-------------------------------*/	
/*-------------------------------*/	
/*--SECTION SERVICIOS--*/

section#servicios{
	position:relative;
	margin:auto;
	width:1000px;
	height:299px;
	background:white;
	}
	
section#servicios #cajaServicios{
	position:relative;
	width:935px;
	margin:auto;
	top:18px;
	height:262px;
	background:white;
	box-shadow:0px 0px 30px #222;
	}
	
section#servicios #cajaServicios ul#lista{
	position:absolute;
	top:20px;
	left:15px;
	width:151px;
	height:220px;
	}

section#servicios #cajaServicios ul#lista li{
	width:151px;
	height:72px;
	margin:2px 0;
	cursor:pointer;
	}
	
section#servicios #cajaServicios ul#visor{
	position:absolute;
	top:20px;
	right:20px;
	width:732px;
	height:220px;
	}
	
section#servicios #cajaServicios ul#visor li{
	position:absolute;
	top:0px;
	left:0px;
	width:732px;
	height:220px;	
	}
	
section#servicios #cajaServicios ul#visor li h1{
	position:absolute;
	z-index:1;
	top:20px;
	left:20px;
	color:#4d545a;
	font-weight:100;
}

section#servicios #cajaServicios ul#visor li p{
	position:absolute;
	z-index:1;
	bottom:0;
	background:rgba(0,0,0,.7);
	color:white;
	width:97%;
	line-height:60px;
	padding-left:20px;
}


section#Ejes{
	position:relative;
	margin:auto;
	width:1000px;
	height:610px;
	background:white;
	}
	
	section#Ejes ul li{
		float:left;
		width:333px;
		height:299px;
		}
		
	section#Ejes ul li h1{
		margin:23px 27px;
		font-weight:100;
		font-size:20px;
		font-style:inherit;
		}
		
	section#Ejes ul li p{
		margin:23px 28px;
		font-size:15px;
		text-align: justify;
		}
		
	section#Ejes ul li img{
		margin:1px 29px;
		width:280px;
		height:195px;
		background:silver;	
		}

	section#Ejes2{
		position:relative;
		margin:auto;
		width:1000px;
		height:590px;
		background:white;
		}
			
	section#Ejes2 ul li{
		float:left;
		width:500px;
		height:299px;
		}
				
	section#Ejes2 ul li h1{
		margin:23px 27px;
		font-weight:100;
		font-size:20px;
		font-style:inherit;
		}
				
	section#Ejes2 ul li p{
		margin:23px 28px;
		font-size:15px;
		text-align: justify;
		}
				
    section#Ejes2 ul li img{
		margin:1px 65px;
		width:365px;
		height:195px;
		background:silver;	
		}

	section#Ejes3{
	position:relative;
	margin:auto;
	width:1000px;
	height:730px;
	background:white;
	}
	
	section#Ejes3 ul li{
		float:left;
		width:333px;
		height:299px;
		}
		
	section#Ejes3 ul li h1{
		margin:23px 70px;
		font-weight:100;
		font-size:20px;
		font-style:inherit;
		}
		
	section#Ejes3 ul li p{
		margin:23px 28px;
		font-size:15px;
		text-align: justify;
		}
		
	section#Ejes3 ul li img{
		margin:1px 29px;
		width:285px;
		height:200px;
		background:silver;	
		}
/*--FIN SECTION SERVICIOS--*/
/*-------------------------------*/	
/*-------------------------------*/
/*--SECTION CONTACTENOS--*/

section#contactenos{
	position:relative;
	margin:auto;
	width:1000px;
	height:400px;
	background:white;
	}

section#contactenos ul li{
	margin:0px 290px;
	font-weight:100;
	font-size:20px;
	font-style:inherit;
	}

section#contactenos ul li h1{
	margin:0px 27px;
	font-weight:100;
	font-size:20px;
	font-style:inherit;
	}

section#contactenos ul li p{
	margin:23px 28px;
	font-size:16px;
	text-align: justify;
	} 

section#contactenos form{	
	position:relative;
	margin:auto;
	top:32px;
	width:910px;
	height:232px;
	background:white;
	}

section#contactenos form input#nombre{
	position:absolute;
	padding:10px;
	width:272px;
	height:45px;
	background:#dce9d7;
	border:0;
	}
	
section#contactenos form input#email{
	position:absolute;
	top:81px;
	padding:10px;
	width:272px;
	height:45px;
	background:#dce9d7;
	border:0;
	}
	
section#contactenos form input#asunto{
	position:absolute;
	bottom:0px;
	padding:10px;
	width:272px;
	height:45px;
	background:#dce9d7;
	border:0;
	}
	
section#contactenos form #mensaje{
	position:absolute;
	right:0px;
	padding:10px;
	width:581px;
	height:128px;
	background:#dce9d7;
	border:0;
	}
	
section#contactenos form input#enviar{
	position:absolute;
	bottom:0px;
	right:0;
	padding:10px;
	width:604px;
	height:69px;
	background:#1a1d20;
	border:0;
	color:white;
	}

	
	
/*--FIN SECTION CONTACTENOS--*/
/*-------------------------------*/	
/*-------------------------------*/
/*--BOTTOM--*/

#bottom{
	position:relative;
	margin:auto;
	width:1000px;
	height:190px;
	background:url(../img/backBottom.jpg);
	}
	
#bottom ul li{
	float:left;
	width:250px;
	height:190px;
	}
	
#bottom ul li h1{
	margin:13px 30px;
	color:white;
	font-size:18px;
	font-weight:100;
	}
	
#bottom ul li ol{
	position:relative;
	top:15px;
	left:17px;
	width:190px;
	height:80px;
	background:rgbsa(255,0,0,.5);
	}
	
#bottom ul li ol li{
	height:25px;
	text-align:left;
	list-style:inside;
	font-size:15px;
	color:white;
	list-style-image:url(../img/list.png);
	}
	
#bottom ul li img{
	position:relative;
	top:15px;
	left:15px;
	width:95px;
	height:95px;
	border:4px solid white;
	background:url(../img/imgGaleria.jpg);
	background-size:cover;
	}
	
#bottom ul li ul{
	position:relative;
	top:11px;
	left:15px;
	width:200px;
	height:40px;
	}
	
#bottom ul li ul li{
	float:left;
	width:40px;
	height:40px;
	border-radius:100%;
	background:white;
	margin:5px;
	}
	
#bottom ul li ul li:first-child{
	background:url(../img/facebook.jpg);
	background-size:cover;
	}
	
#bottom ul li ul li:nth-child(2){
	background:url(../img/iconoGoogle.jpg);
	background-size:cover;
	}
	
#bottom ul li ul li:nth-child(3){
	background:url(../img/iconoPinterest.jpg);
	background-size:cover;
	}
	
#bottom ul li ul li:last-child{
	background:url(../img/iconoTwitter.jpg);
	background-size:cover;
	}
	
#bottom ul li ul li a{
	float:left;
	width:40px;
	height:40px;
	border-radius:100%;
	}
/*--FIN BOTTOM--*/
/*-------------------------------*/	
/*-------------------------------*/
/*--FOOTER--*/

footer{
	position:relative;
	margin:auto;
	width:1000px;
	height:62px;
	text-align:center;
	color:white;
	line-height:62px;
	font-size:15px;
	background:black;
	}

