/* CSS Document */
@charset "utf-8";
/* @import url(https://fonts.googleapis.com/css?family=Raleway); */
@import url(https://fonts.googleapis.com/css?family=Zilla+Slab);

/*	'Droid Sans',sans-serif
    font-family: Exo\ 2,Open Sans,Sans-serif;
	Merriweather, Georgia, serif;
	'Lato', sans-serif;
	font-family: "Lato",Helvetica,sans-serif;
	font-family: 'Raleway';
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family: 'Zilla Slab', sans-serif;
	font-family: 'Open Sans', Montserrat, 'Helvetica Neue', sans-serif;
*/

html {
	overflow-y: scroll;
	min-height: 100%;
}

body {
/*	background: url(../images/fondo_textura_03.jpg) repeat scroll top left #EFE8DE; */
    background: rgba(176, 176, 176, 0.35);
	margin: 0px !important;
	font-family: 'Zilla Slab', serif;
	font-size: 1.1em;
	line-height: 1.5em;
  /*	font-family: Verdana, Geneva, sans-serif;
	background-image:url(images/fondo.png);
	background-color: #E6F2FF; */
}

h1 { font-size: 1.6em; }
h2 { font-size: 1.3em; margin: 5px 0 5px 0 !important; color: #BA1526 }

/* Encabezados DIV con 3 columnas y el 'Menú Top' */

#encabezado {
	width: 100%; max-width: 1100px;
	margin: auto;
	background-color: transparent;
	overflow: auto; /* Tema márgenes del body. Más soluciones: border: solid 1px transparent; padding-top: 1px; overflow: auto; Evaluar cual es la más apropiada */
}

#encabezado01 {
	background-color: #BA1526;
	text-align: center;
	color: #FFF;
	width: 50%; max-width: 550px;
	height:auto;
	min-height: 109px;
	float: left;
}

a.phonetop{ color:#FFF; text-decoration:none; font-size:3em; padding-right:20px; line-height: 1.2em; }
a:hover.phonetop{ text-decoration:none; }

#encabezado02 {
	background-color: #07892F;
	width: 50%; max-width: 550px;
	color: #FFF;
	height:auto;
	min-height: 109px;
	float: left;
	text-align:center;
}

/* ----------------------- Menú Top ----------------------- */

#SelectMenu { display:none}

#navcontainer { float: left;}

#navlist { }

#navlist li { list-style: none; display: inline; margin-left:10px;}

#navlist li a {
	padding: 3px 1em;
	background-color: transparent;
	color: #606060;
	text-decoration: none;
	left: -2px;
    border: 1px solid transparent; }

#navlist li a:link { color: #606060; }
#navlist li a:hover {
	background-color: #FFF;
	border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 -1px 3px rgba(0,0,0,0.1) inset;
    border-radius: 10px; }

#navlist li a#current { background: #AAE; }

#navlist li a#current {
	background-color: #FFF;
	border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 -1px 3px rgba(0,0,0,0.1) inset;
    border-radius: 10px; }

/* ----------------------- End Menú Top ----------------------- */

a.municipios {
	color: #606060 ;
	text-decoration: none; }

a:hover.municipios {
	color: #606060 ;
	text-decoration: underline; }
	
a.phone	{ color: #BA1526 ; text-decoration: none; font-weight:bold }
a:hover.phone	{ text-decoration: none; }

/* ----------------------- End Enlaces ----------------------- */

/* Imagen */

#imagen {
	width: 100%; max-width: 1100px;
	margin: auto;
	overflow: auto; /* Tema márgenes del body. Más soluciones: border: solid 1px transparent; padding-top: 1px; overflow: auto; Evaluar cual es la más apropiada*/
}

/* Contenido DIV con 2 columnas */

#contenido {
	width: 100%; max-width: 1100px;
	margin: auto;
	background-color: #FFF;
/*	padding: 10px; */
	overflow: auto; /* Tema márgenes del body. Más soluciones: border: solid 1px transparent; padding-top: 1px; overflow: auto; Evaluar cual es la más apropiada*/
}

#contenido00 {
	background-color: #FFF;
	color:#555555;
	padding: 10px 20px 10px 20px; 
	width: 100%;  max-width: 1060px; 
	height: auto;
	float: left;
}

#contenido01 {
	background-color: #FFF;
	color:#555555;
	padding: 10px 20px 10px 20px; 
	width: 70%;  max-width: 730px; 
	height: auto;
	float: left;
}

#contenido02 {
	background-color: #FFF;
	color:#555555;
	padding: 10px 20px 10px 20px; 
	width: 30%;  max-width: 290px;
	height: auto;
	float: left;
}

.img-ini { width: 220px; margin-right: 15px;}
.img-trabajos { width: 600px; margin-right: 15px;}

    
    
/* ------------------ LISTADO CONTENIDO 02 ----------------- */

.ulcaja01 {padding-left: 10px !important; }
.ulcaja02 {}
.distrito {  font-weight:bold }
.barrio {  color: #06F}

/* ---------------------------------------------------------- */

/* Footer - Pie de página */

#pie {
	width: 100%; max-width: 1100px;
	margin: auto;
	background-color: #07892F;
	color:#FFF;
	text-align:center;
	font-size: 0.9em;
	overflow: auto; /* Tema márgenes del body. Más soluciones: border: solid 1px transparent; padding-top: 1px; overflow: auto; Evaluar cual es la más apropiada*/
}

/* --------------------- TEMA FORMULARIO -------------------- */

#contenidoformulario { width: 50%}

.form-group {
  margin-bottom: 15px;
  height: 30px;
  padding: 5px 10px;
  font-size: 1em;
  line-height: 1.5em;
  border-radius: 3px;
}
.form-control {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 14px;	
	  
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.FormCaptcha { margin-top: 110px; padding: 15px;}
.FormCaptchaAviso { border: 5px solid #C00; margin-top: 110px; padding: 15px;}

@media (max-width: 640px) {
	
	h1 { font-size: 1.3em; }
	h2 { font-size: 1.2em; }
	
/* ----------------------- Menú Top ----------------------- */

	#navcontainer { float: none; }

	#navlist { display:none}
	
	#SelectMenu {
		display: inline-block;
		font-size: 1em;
		border: 1px solid #C0C0C0;
		background: rgba(192, 192, 192, 0);
		color: #606060;
		width: 100%;
		padding: 10px;
		height: auto;
		float:left;
		}

/* ----------------------- End Menú Top ----------------------- */

	#imagen { display:none; height: 0px }
		
	#encabezado01 {
		background-color: #BA1526;
		text-align: center;
		color: #FFF;
		width: 100%;
		height:auto;
		min-height: 109px;
	}
	
	#encabezado02 {
		background-color: #07892F;
		width: 100%;
		color: #FFF;
		height:auto;
		min-height: 109px;
		text-align:center;
	}
	
	#contenido {
		width: auto;
		padding: 10px;
		overflow: auto;
		}
	#contenido00 {
		width: auto;
		}
	#contenido01 {
		width: auto;
		float: left;
		}
		
	#contenido02 {
		width: auto;
		float: left;
		}
	.img-ini { width:100%; margin:0px;}
	.img-trabajos { width:100%; margin:0px;}
	#contenidoformulario { width: 100%}
}