body {
	background: white;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
}

* {
	margin: 0;
	padding: 0;
}

header {
    background: url(../img/h1.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 350px;
	position: absolute;
	width: 100%;
	z-index: -10;
}

#spacio {

	height: 350px;
	width: 100%;
}

#logo {
	color: white;
	font-size: 1.4em;
	font-weight: bold;

	height: 350px;
	text-align: center;
	width: 300px;
}

nav {
	background: #000039;
	min-height: 70px;
	text-align: center;
	width: 100%;
}

section {
	background: url(../img/fondo-section.jpg);
	height: auto;
	text-align: center;
	width: 100%;
}

#contenedor {

	height: auto;
	margin: auto;
	max-width: 1000px;
}

#titulo {
	background: #add8e6;
	border-radius: 5px;
	font-size: 2em;
	height: auto;
	margin: 25px auto;
	padding: 0 20px;
	text-align: left;
	max-width: 1000px;
}

#contenido {
	font-size: 1.3em;
	height: auto;
	margin: 90px auto;
	padding: 10px;
	text-align: justify;
	max-width: 700px;
}

#contenido-mod {
	font-size: 1.3em;
	height: auto;
	margin: 90px auto;
	text-align: center;
	max-width: 1000px;
}

#linea {
	display: block;
	height: 200px;
	width: 490px;
}
#linea a, #linea2 a {
	color: black;
	display: block;
	height: 200px;
	text-decoration: none;
	width: 490px;
}
#linea a:hover, #linea2 a:hover {
	background: #add8e6;
}
#linea2 {
	display: block;
	height: 200px;
	width: 470px;
}
#mod-1 {
	background: url(../img/mod-1.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-2 {
	background: url(../img/mod-2.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-3 {
	background: url(../img/mod-3.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-4 {
	background: url(../img/mod-4.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-5 {
	background: url(../img/mod-5.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-6 {
	background: url(../img/mod-6.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-7 {
	background: url(../img/mod-7.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-8 {
	background: url(../img/mod-8.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-8b {
	background: url(../img/mod-8b.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-9 {
	background: url(../img/mod-9.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-10 {
	background: url(../img/mod-10.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-11 {
	background: url(../img/mod-11.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-12 {
	background: url(../img/mod-12.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-13 {
	background: url(../img/mod-13.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-14 {
	background: url(../img/mod-14.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}
#mod-15 {
	background: url(../img/mod-15.jpg);
	border: 1px solid #39C;
	border-radius: 7px;
	height: 188px;
	margin: 5px;
	width: 250px;
}

#mod-txt {

	height: 188px;
	text-align: left;
	padding: 80px 20px;
	width: 220px;
}

#mod-1, #mod-2, #mod-3, #mod-4, #mod-5, #mod-6, #mod-7, #mod-8, #mod-8b, #mod-9, #mod-10, #mod-11, #mod-12, #mod-13, #mod-14, #mod-15, #mod-txt {
	display: inline-block;
	vertical-align: top;
}

#linea, #linea2 {
	display: inline-block;
	vertical-align: top;
}

#spacio-footer {
	height: 345px;
	width: 100px;
}

#pies {
	height: auto;
	margin: auto;
	max-width: 1000px;
}

#pies1 {
background: url(../img/fondo-pies1.jpg);
	height: 360px;
	width: 485px;
}

#pies2 {
	background: url(../img/fondo-pies2.jpg);
	height: 360px;
	margin: 0 0 0 20px;
	vertical-align: top;
	width: 485px;
}

#pies3 {
	height: auto;
	margin: auto;
	text-align: center;
	max-width: 1000px;
}

#pies1, #pies2 {
	display: inline-block;
}

.campos {  
    background-color:white;
    border: 0px;  
    color: gray;
    font-size:.9em;
    width: 340px;
}

.boton { 
    background:white; 
    border:0px; 
    color:black; 
    font-size: .9em; 
    font-weight:bold; 
    height:25px; 
    width:120px; 
}

footer {
	background: #E8E9EB;
	height: auto;
	width: 100%;
}