body {margin: 0; font-family: 'Roboto', sans-serif;}
h1,h2,h3 {font-weight: normal;}
a {text-decoration: none;}
ul,li {list-style: none; margin: 0; padding: 0;}
.clear {clear: both;}
.container {max-width: 70em; margin: 0 auto;}


/* HEADER*/
header {background-color: #dae0e7;height: 65px; border-bottom: solid #023a5f 10px;}
header img {display: block; width: 130px; float: left; }
nav {float: right;}
nav li { float: left;}
nav a {display:block;font-family: "Roboto"; color:#023a5f;  font-size: 12px;background-color: #dae0e7; text-align: center; line-height:59px; padding:3px 8px; margin-left: 0.5em;}

section li {display: inline-block; margin: 0.2em;}

/* propiedades logo que indexa*/
.logo {display: block; text-decoration: none; background: url(../images/logo.png) no-repeat; width: 130px; height: 45px; float: left; margin-top: 1em;}
.logo span {display: none;}

/*fondos imagenes*/
.index {min-height:35.9em; background: url(../images/fondos/home.jpg) no-repeat #004e81;background-position: center;background-attachment: scroll; }
.empresa {min-height:35.9em; background: url(../images/fondos/empresa.jpg) no-repeat #004e81; background-position: center; background-attachment: scroll; }
.historia {min-height:10em; background: url(../images/04.jpg) no-repeat #004e81; background-attachment: scroll;margin-top: 0}
.historia2 {height:265px;background-color:#004e81;}
.actividades {min-height:36.5em; background: url(../images/fondos/actividades.jpg) no-repeat #004e81; background-position: center;background-attachment: scroll; }
.jornada {min-height:47em; background-color:#004e81;}
.actividades2 {min-height:36em; background: url(../images/actividades/01.png) no-repeat #004e81;background-attachment: scroll; }
.jornada2 {min-height:40em; background-color: #dae0e7;}
.jornada3 {min-height: 20em; background-color:#004e81 ;}
.actividades3 {min-height: 50em; background-color:#004e81;background: url(../images/actividades/01.png) no-repeat #004e81;background-attachment: scroll; }
.actividades4 {min-height:36em; background: url(../images/actividades/01.png) no-repeat #004e81;background-attachment: scroll; }


/* propiedades index texxto*/

.texto {display: block; padding-top: 10em;}
.texto h1 {display: block; text-align: center; font-family: "Roboto", sans-serif; color: #dae0e7; font-size:50px; font-weight: normal; margin: 0;text-shadow: #000 1.5px 1.5px 2px;}
.texto h2 {display: block; text-align: center;font-family: "Roboto", sans-serif; color: #dae0e7; font-size: 22px;font-weight: normal; width:25em; margin: auto; text-shadow: #000 1.5px 1.5px 2px;}
.mas {display: block; text-decoration: none;text-align: center;font-family: "Roboto", sans-serif; color: #dae0e7; font-size: 18px;font-weight: lighter;font-style: italic; ;width:25em; margin: auto;padding-top: 0.5em;text-shadow: #000 1px 1px 2px;}


footer {background-color: #dae0e7; height: 50px;}
.caja1 {width:55em;  float: left; font-family: "Roboto" ;color:#004e81;  font-size: 12px;}
.caja1 p {font-family: "Roboto";color:#004e81 ;margin-top: 20px; font-size: 12px;margin-left: 50px;}
.sobre span {display: none;}
.sobre {display: block; background: url(../images/sobreb.png) no-repeat; width: 23px; height: 19px; float: left;margin-top: 18px;margin-left: 18px;}
.caja2 {width: 15em; float: right;}
.caja2 p {font-family: "Roboto";color:#004e81 ;margin-top: 20px; font-size: 12px;margin-left: 50px;}
.clan span {display: none;}
.clan {display: block;background: url(../images/clan.png) no-repeat; width: 19px; height: 19px; float: left;margin-top: 15px;margin-left: 18px;}

.clear {clear: both;}

/*empresa*/
.presionado {display:block; background-color: #023a5f; color: #FFF; text-decoration: none; padding: 3px 8px; }
nav a:hover {color: #dae0e7; background: #023a5f; } 

.columna1, .columna2 {display: inline-block; color: #dae0e7; width:43%;text-shadow: #000 1.5px 1.5px 2px;padding-top: 1em;margin-left: 38px;}
.columna2 {float: right;padding-top: 1em;margin-right: 11px;}

h2 {display: inline-block;font-family: "Roboto"; font-weight: lighter;margin: 0;font-weight: lighter; vertical-align: top; margin-top: 1em;text-align: justify;}
h3 {display: inline-block;font-weight: lighter;margin: 0;font-family: "Roboto", sans-serif;vertical-align: top; margin-top: 1em;text-align: justify; font-size: 1em; }
h4 {display: inline-block;font-family: "Roboto"; font-weight: lighter;margin: 0;font-weight: normal; vertical-align: top;text-align: justify;font-style: italic;}




/*historia*/
.historia {height:600px;}
.galeria {width: 50em;padding-top: 3em;margin: auto; }



/*histo2*/

.histo2 {display: inline-block; color: #dae0e7; font-family: "Roboto", sans-serif; width: 62%; font-weight: lighter; vertical-align: top; margin-top: 1em;text-align: justify;margin-left: 11em;}
.foto10 {display: inline-block;width: 25em; height: 17em; background: url(../images/foto10.jpg) no-repeat;float: right; margin-top: 1em;}
.foto10 span {display: none;}
.histo2 br {word-spacing: .1em;}   /*no funciona el espaciado entre parrafos */
.histo2 h2 {font-size: 2em;}





/*actividades*/
.columna3 h2 {font-size: bolder;}
.columna3, .columna4 {display: inline-block; color: #dae0e7; width:46%; padding: 1em; }
.columna4 {float: right; margin-top: 3.1em;}
h4 a {display: inline-block;color: #dae0e7;padding-top:1em;}


/*actividades2*/
.actividades2 h2 {color: #dae0e7; font-weight: lighter; padding-top: 1em;font-size: 28px;margin-left: 4.8em;}
.caja {display:block; text-align: center; padding-top: 2em;}   
.caja li {margin:0 2em 2em 0;}
.caja ul {padding-top: 1.5em;}
.simu a:hover {background: url(../images/actividades/02c.jpg);}



/*simulacro2011*/

.catalogo { display: block; text-align:center;padding-top: 2em; width: 70%;margin-left: 8em;}
.catalogo li{float: left;width:13%; margin: 0 0.5% 1% 0.5%; position: relative;}
.catalogo img {width: 100%;}


/*actividades3-cimulacro2013*/

.simul2013 {width: 50%; padding-top: 3em;}
.actividades3 h2 {color: #dae0e7; font-weight: lighter; padding-top: 1em;font-size: 28px;margin-left: 4.8em;}
.video {width: 100%;height: 20em;margin-left: 8.2em;}

/*DIA DE LA SEGURIDAD*/

.catalogo2 { display: block; text-align:center;padding-top: 2em; width: 50%;margin-left: 8em;position: absolute;}
.catalogo2 li{float: left;width:20%; margin: 0 0.5% 1% 0.5%; position: relative;}
.catalogo2 img {width: 100%;}
.actividades4 h2 {color: #dae0e7; font-weight: lighter; padding-top: 1em;font-size: 28px;margin-left: 4.8em;}

/* JORNADA*/

.jornada h1 {font-family: "Roboto", sans-serif; color: #dae0e7; font-size:30px; font-weight: lighter;margin: 0;padding-top: 2em; }
.jornada h3 {font-family: "Roboto", sans-serif; color: #dae0e7; font-size:18px; font-weight: lighter;}
.intendente { width: 34em; height: 18em; float: left;}
.destacado {display: inline-block;width: 34em; height: 16em; background-color: #dadfe7 ;font-family: "Roboto",sans-serif; color: #004e81; font-weight: normal;font-style: italic; padding: 1em; text-align: left;}
.destacado h3 {font-style: normal; font-size: 18px; float: right;}
.destacado p {margin-left: 0.8em;}
.texto2 {font-family: "Roboto", sans-serif; color: #dae0e7; font-size:18px; font-weight: lighter;}
.texto2 p {column-count:2;-o-column-count:2;-moz-column-count:2;-webkit-column-count:2;padding-top: 1em; }
.tematicas h2 {font-family: "Roboto", sans-serif; color: #dae0e7; font-size:25px; font-weight: lighter;}
.tematicas {font-family: "Roboto", sans-serif; color: #dae0e7; font-size:18px; font-weight: lighter;}
.intro h3 {column-count:2; -o-column-count:2;-moz-column-count:2;-webkit-column-count:2;}
.intro {margin-bottom: 2em;}


/*section 2 de jornada*/

.tematicas {width: 47%;float: left;}
.tematicas p {color:#004e81;font-weight: normal;text-align: justify;font-size:0.8em;}
.tematicas h2 {color:#004e81; font-weight: 300; }
.tematicas span {font-style: italic;}
.tematicas2 li {float: left;width: 44%;margin:0 5% 2% 1%;position:relative;}
.tematicas2 {width:49%;float: right; padding-top: 2em;}





/*section 3 de jornada*/
.jornada3{padding-top: 2em;}
.jornada3 h2 {color:#dae0e7;font-size: 20px;}
.jornada3 ul {margin-top: 2%;}
.jornada3 li {width: 30%; margin-right:1.5%;}

/*section 4  mas actividades*/
.caja2 article {float: left;}
.caja2 li {width:30%; float: left; padding-top: 10em;}


.masactividades{min-height:25em; background: url(../images/actividades/01.png) no-repeat #004e81; background-position: center;background-attachment: scroll; }
.masactividades h2 {color: #dae0e7; font-weight: lighter; padding-top: 1em;font-size: 28px;}

/*contacto*/
.contacto {height:259px; background:url(../images/fondos/contacto1.jpg) #004e81 ; color:#dae0e7; font: "Roboto", sans-serif; padding-top: 4em; }
.contacto h3 {font-weight:500;}
.contacto p {font-weight: 300; font-size: 0.8em;}
.presidente {width: 30%; float: left;padding-top: 3em;margin-left:6em; }

.presidente {background: url(../images/contacto.png) no-repeat;}  

.contacto2 {height: 700px; background:url(../images/fondos/contacto2.jpg) #dae0e7 ; }
.coordinador {width: 30%; float: left; padding-top: 3em;margin-left: 15em;}


.mensaje {color: #004e81; width: 30%; float: left;padding-top: 2em;margin-left:6em; background: url(../images/sobre2.jpg) no-repeat;margin-top: 5em;}
.mensaje h3 {font-weight: 700;font-size: 1.2em;}
.mapa {width: 50%;float: right; padding-top: 7em;}
.ubicacion {width: 100%; height: 20em;margin-top: 8em;border: none;}
.formulario-contacto {padding-top: 1em;}

input[type="text"], input[type="email"] {border:solid #004e81 0.1em ; width:100% ;height: 1.5em; background:#dae0e7;}
textarea {border:solid #004e81 0.1em; width: 100%; height: 5em; background:#dae0e7;}
label {color: #004e81;}

.boton {background-color:#004e81; color: #dae0e7; font-family: "Roboto", sans-serif !important;border: 0;text-transform: uppercase;
padding: 5px 20px; font-size: 15px; border-radius: 3px; cursor: pointer;}
.confirma {height:450px; color:#dae0e7; padding-top: 5em;background: url(../images/fondos/confirma.jpg) no-repeat;} 
.cclan {width: 15em; float: right;font-family: "Roboto";color:#004e81 ; font-size: 12px;}
.cclan span {display: none;}
.cclan {display: block;background: url(../images/clan.png) no-repeat; width: 19px; height: 19px; float: left; margin-right: 1em; }
.caja2b {width: 15em; float: right;font-family: "Roboto";color:#004e81 ;font-size: 12px;}