@charset "UTF-8";
/* CSS Document */
body{margin:0px auto; padding:0px;}
p, span, ul {font: lighter 13px/16px 'Helvetica', 'Arial', sans-serif; color: #333; overflow:hidden}
a {color:#fff; border:0px;}
a:link {text-decoration: none;  color:inherit; color:#FFF;}
a:visited {text-decoration: none;  color:#fff;}
a:hover {text-decoration: none; color:#00c6ff;}

.floL { float:left;}
.floR { float:right;}
.none { display:none;}

.bold{ font-size: bold;}
.btn-group{ 
	margin: 5px 0 10px;
	width: 630px;
}
.btn-group .button{ 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a9a9a9+0,7d7d7d+100 */
	background: #a9a9a9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZDdkN2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #a9a9a9 0%, #7d7d7d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9a9a9), color-stop(100%,#7d7d7d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a9a9a9 0%,#7d7d7d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a9a9a9 0%,#7d7d7d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a9a9a9 0%,#7d7d7d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a9a9a9 0%,#7d7d7d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a9a9', endColorstr='#7d7d7d',GradientType=0 ); /* IE6-8 */
	 border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 300 16px/20px "Oswald Light","Arial",serif;
    padding: 3px;
    position: unset;
    text-align: center;
    vertical-align: top;
    width: 307px;
}

.btn-group .button:hover{ 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#919191+0,545454+100 */
	background: #919191; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxOTE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NDU0NTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #919191 0%, #545454 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919191), color-stop(100%,#545454)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #919191 0%,#545454 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #919191 0%,#545454 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #919191 0%,#545454 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #919191 0%,#545454 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#545454',GradientType=0 ); /* IE6-8 */

}

#inline1 h1, #inline2 h1{ font:500 25px/25px 'Oswald Light','Arial',serif; color: #656565; margin-bottom: 6px;}
#inline1 h3, #inline2 h3{ font:600 18px/15px 'Oswald Light','Arial',serif; color: #656565}
#inline1 .bold, #inline2 .bold{ font:bold 15px/20px 'Oswald Light','Arial',serif; color: #656565;}

#inline2 ul li{  list-style-type:  circle;}
#inline1 li {
    background-color: #f4f4f4;
    padding: 7px 14px;
}

#inline2 .foto-alcalde{width: 125px; float:left;}
#inline2 .nombre-alcalde{  width: 240px; float:right;}

#inline1 p, #inline2 p{ font-size: 14px;}
.header-cv {
    background-color: #e1e1e1;
    min-height: 136px;
    padding: 10px;
}

#inline2 .foto-alcalde > img { max-height: 136px; }
#inline1 b, #inline2 b{ font-family: "Oswald Light","Arial",serif; font-size: 16px; color: #656565; }


/* Botón genérico */
.boton{ 
	padding: 6px 10px; 
	display: inline; 
	float:left; 
	text-align:center;
	background: #a70000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #a70000 0%, #2f0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a70000), color-stop(100%,#2f0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a70000 0%,#2f0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a70000 0%,#2f0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a70000 0%,#2f0000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a70000 0%,#2f0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a70000', endColorstr='#2f0000',GradientType=0 ); /* IE6-8 */

	font:100 20px/22px 'Oswald','Arial',serif; color: #fff;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari and Chrome */
	-khtml-border-radius: 3px; /* Linux browsers */
	border-radius: 3px; /* Opera 10.50, IE and CSS3 */
}
.boton:hover{ background:#2f0000; color:#fff;}
.boton a:hover{ color:#fff;}

/*Margins*/
.m10{ margin:10px;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
/*widths*/
.w265{ width:265px; float:left;}
.w170{ width:170px; float:left;}


/*Menú Municipios*/
.pestana { background:#000; width:960px; height:30px;overflow:hidden; padding-top: 5px; margin-bottom: 10px;}
.pestana ul { margin:auto; width: 680px;}
.pestana ul li { font:300 16px/18px 'Oswald Light','Arial',serif; color:#FFF; float:left; display: inline; margin-top: 7px; margin-left: 5px; padding-bottom: 5px;}
.pestana ul li a{color: #fff; background:#00c6ff; padding: 5px;} 
.pestana ul li a:hover{ color:#FFF; background:#999;}
.pestana ul li a.sel{ color:#333; background:#fff;}
/*Alcaldes*/
.alcaldes { width:630px; overflow:hidden; float:left}
.alcaldes h1 {font:300 22px/26px 'Oswald Light','Arial',serif; color:#333; margin:10px 10px 10px 0}
.BloquesMensajes { width:200px; margin:5px; overflow:auto; float:left; background:#333} 
.BloquesMensajes p{color:#fff; width:120px; padding:14px 0 8px 10px;  float:left}
.BloquesMensajes .blanco,
.BloquesMensajes .verde,
.BloquesMensajes .rojo 
	{font:300 35px/40px 'Oswald Light','Arial',serif; width:60px; padding:10px 10px 8px 0; float:right; text-align:right; } 
.BloquesMensajes .blanco { color:#fff}
.BloquesMensajes .verde { color:#00ff00}
.BloquesMensajes .rojo { color:#ff0000}
/*Bloques de la derecha*/
.bloqueDer { width:300px; overflow:hidden; background:#333; float:left}
.bloqueDer h1{ font:300 20px/24px 'Oswald','Arial',serif; color:#fff; padding:5px; background:#484848}
.bloqueDer h2{ font:300 16px/20px 'Oswald','Arial',serif; color:#fff; float:left}
.bloqueDer h3{ font:300 18px/22px 'Oswald','Arial',serif; color:#00c6ff; padding:5px; background:#3f3f3f}
.bloqueDer p{ clear:left; font:100 13px/16px 'Helvetica','Arial',serif; color:#fff; float:left }
.bloqueDer img { margin:10px; float:left}
.bloqueDer .borderB{ height:3px; background:#484848; clear:both;}
.bloqueDer input, .bloqueDer textarea, .bloqueDer select { width:270px; margin:5px 0 0 7px}
.bloqueDer span{ font:100 12px/15px 'Helvetica','Arial',serif; color:#999; margin:10px; float:left}
/*Alcalde*/
.alcalde { width:630px; overflow:hidden; float:left; border-right:1px dashed #333; padding-right: 10px;}
.alcalde h1 {font:300 30px/34px 'Oswald Light','Arial',serif; color:#333; margin:10px}
.alcalde img {
    float: left;
    margin-right: 10px;
    position: relative;
}
.alcalde .foto-alcalde img{ bottom: -6px; z-index: -1;}
.alcalde .mensajes{ width:630px; height:36px; overflow:hidden; background:#999; margin-top:1px}
.alcalde .mensajes p{color:#fff; width:80px; padding:11px 0 8px 10px;  float:left}
.alcalde .mensajes div {width:179px; height: 36px; overflow: hidden; float:left; background:#333;margin-left: 1px;}
.alcalde .mensajes div p{color:#fff; width:110px; padding:11px 0 8px 10px;  float:left}

.alcalde .mensajes div p.blanco,
.alcalde .mensajes div p.verde,
.alcalde .mensajes div p.rojo {font:300 20px/24px 'Oswald Light','Arial',serif; width:40px; padding:7px 10px 0 0; float:right; text-align:right; } 
.alcalde .mensajes div p.blanco { color:#fff}
.alcalde .mensajes div p.verde { color:#00ff00}
.alcalde .mensajes div p.rojo { color:#ff0000}
.alcalde .pestana { background:#fff; width:630px; height:30px;overflow:hidden; padding-top: 5px;}
.alcalde .pestana ul { float: left;}
.alcalde .pestana ul li { font:300 16px/18px 'Oswald Light','Arial',serif; color:#FFF; float:left; display: inline; margin-top: 7px; margin-left: 0; margin-right: 5px; padding-bottom: 5px;}
.alcalde .pestana ul li a{color: #fff; background:#242a30; padding: 5px;} 

.alcalde .pestana ul li a:hover{ color:#FFF; background:#999;}
.alcalde .pestana ul li a.sel{ color:#fff; background:#00c6ff;}
.alcalde .pestana ul li a.todos{color: #fff; background-color: #740000;}
.alcalde .paginacion { background:#f1f1f1; width:630px; height:35px;overflow:hidden;  padding: 4px;}
.alcalde .paginacion ul { float: left;}
.alcalde .paginacion ul li { font:300 16px/18px 'Oswald Light','Arial',serif; color:#FFF; float:left; display: inline-block; margin-top:5px; margin-left: 5px; text-align:center; width: 20px;}
.alcalde .paginacion ul li a{color: #fff; background:#00c6ff; padding:5px 5px 3px 2px;overflow: hidden; display:block} 
.alcalde .paginacion ul li a:hover{ color:#FFF; background:#999;}
.alcalde .paginacion ul li a.sel{ color:#000; background:#f1f1f1; border:1px solid #cccccc; height:16px}
.alcalde .queja { width:630px; background:#f8f8f8; overflow:hidden; float:left; margin-top:10px}
.alcalde .queja .ciudadano h1{font:400 20px/24px 'Oswald','Arial',serif; color:#333; margin:10px 10px 5px 10px;}
.alcalde .queja .ciudadano p{margin:0 10px 5px 10px; padding:0}
.alcalde .queja .respAlcalde h1{font:400 20px/24px 'Oswald','Arial',serif; color:#d20000; margin:10px 10px 5px 10px;}
.alcalde .queja .respAlcalde p{margin:0 10px 5px 25px; padding:0}
.alcalde .queja a.leerMas{ padding:2px; display: inline; text-align:center;background:#333;color: #fff; font:100 12px/14px 'Helvetica','Arial',serif;}
.alcalde .queja a.leerMas:hover{ background:#00c6ff; color:#fff;}


/*Pop Comentar (Mensaje a)*/
.popComentar { width:600px; overflow:hidden; background:#f1f1f1; float:left}
.popComentar h1{ font:300 20px/24px 'Oswald Light','Arial',serif; color:#fff; padding:5px; background:#484848}
.popComentar h2{ font:300 16px/20px 'Oswald Light','Arial',serif; color:#fff; float:left}
.popComentar h3{ font:300 18px/22px 'Oswald Light','Arial',serif; color:#00c6ff; padding:5px; background:#3f3f3f}
.popComentar p{ clear:left; font:100 13px/16px 'Helvetica','Arial',serif; color:#fff; float:left }
.popComentar img { margin:10px; float:left}
.popComentar .borderB{ height:3px; background:#484848; clear:both;}
.popComentar input, .popComentar select { width:270px; margin:5px 0 0 7px}
.popComentar textarea { width:560px; height:120px; margin:5px 0 0 7px}
.popComentar span{ font:100 12px/15px 'Helvetica','Arial',serif; color:#999; margin:0 5px 5px 10px; float:left}

.popComentar .queja { width:600px; overflow:hidden; float:left;}
.popComentar .queja .ciudadano h1{font:400 20px/24px 'Oswald','Arial',serif; color:#333; margin:10px 10px 5px 10px; padding: 0; background: inherit;}
.popComentar .queja .ciudadano p{margin:0 10px 5px 10px; padding:0; color:#333}
.popComentar .queja .respAlcalde h1{font:400 20px/24px 'Oswald','Arial',serif; color:#d20000; margin:10px 10px 5px 10px; background: inherit;}
.popComentar .queja .respAlcalde p{margin:0 10px 5px 25px; padding:0;  color:#333}
.popComentar .queja a.leerMas{ padding:2px; display: inline; text-align:center;background:#333;color: #fff; font:100 12px/14px 'Helvetica','Arial',serif;}
.popComentar .queja a.leerMas:hover{ background:#00c6ff; color:#fff;}



/*Inputs and forms*/
input, textarea, select {
	outline:none;
	padding: 3px 5px;
	border: 1px solid #a8a8a8;
	font-size:13px;
	background: #f1f1f1;
	vertical-align:middle;
	color:#666666;
	width:100%;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	border-radius: 5px; 
	 }
input:focus, textarea:focus, select:focus {
	outline: none;
	border: 1px solid #00aeff;
	}
textarea {
	height: 60px;
	background: #f1f1f1;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) inset;		
	}
input[type=text] {
	background: #f1f1f1;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) inset;		
	}
input[type=submit] {
	width: auto;
	border-radius: 2em;
	padding: 0.25em 1em;
	line-height: 1.5em;
}


.container{ 
	margin: auto;
	width: 960px;
}

.col-redes{ width: 50%; display: inline-block; float: right; vertical-align: top;}
.data-alcade{ width: 50%; display: inline-block; float: left; vertical-align: top;}

.text-right{ text-align: right;}
.text-left{ text-align: left;}

h1, h2, h3, h4, h5, h6{font-family:"Oswald","Arial",serif;}
h1 {
    color: #656565;
    font: 300 50px/20px "Oswald Light","Arial",serif;
}
h2 { font: 300 20px/26px "Oswald Light","Arial",serif; }
h3 { font: 300 18px/20px "Oswald Light","Arial",serif; }

.header{ margin-bottom: 10px; margin:0;}
.header h1 {
    margin-bottom: 40px;
    margin-top: 40px;
}
.sub-header{
	margin: 30px 0;
}
.sub-header p{
	width: 630px;
}

.pull-right{ float: right;}

.tabla-info {
    border:1px solid #FFFFFF;
    border-collapse:collapse;
    color: white;
    margin-top: 10px;
    padding:5px;
    width:353px;
    vertical-align: top;
}
.tabla-info th {
    border:1px solid #FFFFFF;
	font: 300 14px/20px "Oswald Light","Arial",serif;
    padding:5px 2px;
    text-align: center;
    background:#384049;
}
.tabla-info td {
	background:#262626;
    border:1px solid #FFFFFF;
    font: 300 2em/20px "Oswald Light","Arial",serif;
    padding:15px;
    text-align:center;
}

.tarjeta-alcalde{
	display: inline-block;
	margin-bottom: 25px;
	width: 475px;
}

.txt-white{ color: #fff;}
.txt-green{ color: #16ec0a;}
.txt-green-dark{ color: #129a00;}
.txt-red{ color: #d60e0e;}


/*.margin-right{margin-right: 6px;}*/


.like-preguntas{ margin: 0 10px 5px;}

.like{ 
	background-image: url('../img/like.png');
	display: inline-block;
	height: 20px;
	width: 18px;
	cursor:pointer;
}
.nolike{ 
	background-image: url('../img/nolike.png');
	display: inline-block;
	height: 20px;
	width: 18px;
	cursor:pointer;
}

.pregunta{ 
	display: inline-block;
    float: left;
	font: 400 14px/20px "Oswald","Arial",serif;
}
.pregunta span{ 
	display: inline-block;
	font: 400 18px/20px "Oswald","Arial",serif;
	margin-right: 5px;
}

.tit-mensajes{ 
	background-color: #242a30; 
	font: 300 18px/20px "Oswald Light","Arial",serif;
	color: white;
	padding: 5px; 
	text-align: center;
}

.info-detalle{color: #242a30; font-family: "Oswald","Arial",serif; }
.info-detalle .col-6 {
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 145px;
}
.info-detalle span{ 
	display: block; 
	font-size: 21px; 
	font-family: "Oswald Light","Arial",serif; 
	text-transform: uppercase;
	line-height: 1.7;
	font-weight: 300;
	vertical-align: top;
}


.widget-redes .tabs{  color: #fff; font:100 18px/20px "Gotham Light","Arial",serif; width: 310px; text-transform: uppercase;}
.widget-container{ height: 600px; }

.tabs li { display: inline-block; width: 151.52px; cursor: pointer;}

.tit-facebook{ background-color: #204385;  text-align: center; padding:5px; width: auto;}
.tit-twitter{ background-color: #2aa9e0; text-align: center; padding:5px; width: auto;}

.tit-facebook:hover, .tit-twitter:hover{ opacity: .8;}

/*#region TABS*/
  ul.tabs { 
    list-style-type: none;
    margin: -45px 0 30px;
    padding: 0 0 0.3em;
    position: relative;
    text-align: right;  
  }

  div.tabContent { }
  div.tabContent.hide { display: none; }



  ul.tabs{
    margin: 0 0 20px 0;
    padding: 0px;
    list-style: none;
  }
  ul.tabs li.current{
   opacity: .8;
   color: #f1f1f1; 
  }

  .tab-content{display: none;}
  .tab-content.current{display: inherit;}
/*#endregion tabs*/

/*#region TABS*/
  ul.tabs { 
    list-style-type: none;
    padding: 0 0 0.3em;
    position: relative;
    text-align: right;  
  }

  ul.tabs li{ display: inline-block; float:right; width: 151.52px; cursor: pointer;}
  div.tabContent { }
  div.tabContent.hide { display: none; } 

  .tab-content.current{display: inherit;}
/*#endregion tabs*/



.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}