@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'Oswald Light';
	src: url(http://themes.googleusercontent.com/static/fonts/oswald/v8/HqHm7BVC_nzzTui2lzQTDfY6323mHUZFJMgTvxaG2iE.eot);/* IE9 */
	src: local('Oswald Light'),local('Oswald-Light'),
			 url(http://themes.googleusercontent.com/static/fonts/oswald/v8/HqHm7BVC_nzzTui2lzQTDfY6323mHUZFJMgTvxaG2iE.eot?#iefix) format('embedded-opentype'),/* IE6 - IE8 */
			 url(http://themes.googleusercontent.com/static/fonts/oswald/v8/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff?#iefix) format('woff'), /* Safari, Chrome, Firefox */
			 url(http://themes.googleusercontent.com/static/fonts/oswald/v8/HqHm7BVC_nzzTui2lzQTDaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype'); /* Safari, Chrome, Firefox */
	font-style: normal;
	font-weight: 300;
}

@font-face {
	font-family: 'Oswald Regular';
	src: url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-WzdRTzRa5k6HlJK6-dK9Q.eot?#iefix); /* IE9 */
	src: local('Oswald Regular'),local('Oswald-Regular'),
  		 url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-WzdRTzRa5k6HlJK6-dK9Q.eot?#iefix) format('embedded-opentype'),/* IE6 - IE8 */
			 url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff?#iefix) format('woff'), /* Safari, Chrome, Firefox */
			 url(http://themes.googleusercontent.com/static/fonts/oswald/v8/HqHm7BVC_nzzTui2lzQTDaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype'); /* Safari, Chrome, Firefox */
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: 'Oswald Bold';
	src: url(http://themes.googleusercontent.com/static/fonts/oswald/v8/bH7276GfdCjMjApa_dkG6fY6323mHUZFJMgTvxaG2iE.eot?#iefix);/* IE9 */
	src: local('Oswald Bold'),local('Oswald-Bold'),
	     url(http://themes.googleusercontent.com/static/fonts/oswald/v8/bH7276GfdCjMjApa_dkG6fY6323mHUZFJMgTvxaG2iE.eot?#iefix) format('embedded-opentype'),/* IE6 - IE8 */
	     url(http://themes.googleusercontent.com/static/fonts/oswald/v8/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff?#iefix) format('woff'), /* Safari, Chrome, Firefox */
		 url(http://themes.googleusercontent.com/static/fonts/oswald/v8/HqHm7BVC_nzzTui2lzQTDaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype'); /* Safari, Chrome, Firefox */
	font-style: normal;
	font-weight: 700;
}

body{margin:0px auto; padding:0px;}
/*p, span, ul {font: lighter 13px/16px 'Helvetica', 'Arial', sans-serif; color: #464646; float: left;}*/
/*p {font: lighter 13px/16px 'Helvetica', 'Arial', sans-serif; color: #464646; float: left;}*/
p {font: lighter 12px/15px 'Helvetica', 'Arial', sans-serif;color: #464646;float: left;}
a {color:#fff; border:0px;}
a:link {text-decoration: none;  color:#fff;}
a:visited {text-decoration: none; color:#fff;}
a:hover {text-decoration: none; color:#00aeff;}
/* Botón genérico */

.boton{ padding:5px; display: inline; border: solid thin #444;float:left; text-align:center;
	background:#333;
	font:300 20px/22px 'Oswald Light','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 */
	color:#fff;
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(1, 1, 1, .8);
	box-shadow: inset 0px 0px 2px 0px rgba(1, 1, 1, .8);
	margin: 5px 0 0 10px;
	}
.boton: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; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	-khtml-border-radius: 5px; /* Linux browsers */
	border-radius: 5px; /* Opera 10.50, IE and CSS3 */	
	 }
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;		
	}
select {
	padding: 4px;
	background: #fff url(../imgdiseno/select2.png) no-repeat right center;
	-webkit-background-size: 1600px 32px;
	-webkit-appearance: none;
	-moz-background-size: 1600px 32px;
	-moz-appearance: none;
	background-size: 1600px 32px;
	appearance: none;
	-ms-background-size: 1600px 32px;
	-ms-appearance: none;
	-o-background-size: 1600px 32px;
	-o-appearance: none;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-8 */
	}
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;
	}
input[type=checkbox],
input[type=radio] {
	border: 1px solid #999999;
	width: 100%;
	background: #fff;
	-webkit-appearance: none;
	
	-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 */	
	
	display: inline-block;
	font-size: 15px;
	line-height: 17px;
	margin: -1px 5px 0 0;
	padding: 0;
	width: 1.25em;
	height: 1.25em;
	vertical-align: text-top;
	}
input[type=checkbox]:checked {
	background: url(../imgdiseno/checkbox.png) no-repeat center center;
	-webkit-background-size: 28px 28px;
	}	
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

/*ESTRUCTURA*/

.x3 {width:960px; }
.w120 { width:120px}

.mT_30{margin-top:30px;}
.mT_12{margin-top:12px;}

#promesometro { width:960px; overflow: hidden; margin:0 auto}
#promesometro h1 {width:320px;font:300 50px/54px 'Oswald Light','Arial',serif;color:#333;margin-top: 20px; float:left}
#promesometro h2 {font:200 30px/34px 'Oswald Light','Arial',serif;color:#999;margin-top: 37px; float:left}
#promesometro h3 {width:600px;font:400 30px/40px 'Oswald Regular','Arial',serif;color:#000;margin-top: 10px; float:left}
#promesometro .subtitulo {font:300 30px/34px 'Oswald Light','Arial',serif; color:#999;}
#promesometro .link_nota{font:300 18px/20px 'Oswald Light','Arial',serif; color:#000;}

#promesometro .nota { width:350px; overflow: hidden; background:#f8f8f8; float:left; margin-top:20px;/*height: 250px;*/}
#promesometro .nota h1 {width:330px;font:300 20px/24px 'Oswald Light','Arial',serif;color:#333;margin:10px; float:left}
#promesometro .nota h1 a{color:#333;}
#promesometro .nota h1 a:hover{color:#00aeff;}
#promesometro .nota p {width:330px;font:100 13px/16px 'Helvetica','Arial',serif;color:#333;margin:0 10px 10px 10px; float:left}
#promesometro .nota h2 {width:330px;font:300 20px/24px 'Oswald Light','Arial',serif;color:#fff; background:#c4c4c4;padding:10px;margin-top:0;float:left}
#promesometro .nota img {padding:10px 0 10px 10px;float:left}

#promesometro .foto{width: 300px; height: 250px; float: left; overflow: hidden; margin-top:20px; position:relative}
#promesometro .foto .grd { background:url(../imgdiseno/Grd_foto.png) repeat-x; height:130px; position:absolute; left:0; bottom:0; z-index: 1;}
#promesometro .foto .grd p {width:280px;font:100 13px/16px 'Helvetica','Arial',serif;color:#fff;margin:76px 10px 10px; float:left}
#promesometro .foto img {height:250px; width: auto; position:relative;}

#promesometro .prioridades { width:300px; height:250px; background:#333; overflow:hidden; float:left; margin:20px 0 0 10px;}
#promesometro .prioridades h1 {width:280px;font:300 20px/24px 'Oswald Light','Arial',serif;color:#fff; background:#484848;padding:10px;margin:0;float:left}
#promesometro .prioridades p {width:280px;font:100 13px/16px 'Helvetica','Arial',serif;color:#999;margin:10px 10px 0 10px; float:left}
#promesometro .prioridades ol {width:280px; padding:0 10px;margin:0;float:left; list-style-type:decimal;}
#promesometro .prioridades ol li {font:300 15px/19px 'Oswald Light','Arial',serif;color:#fff;margin:5px 0 0 15px;}

#promesometro .politico {
	width: 210px;
	/*height: 235px;*/
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 0;
	margin-bottom: 0;
	/*overflow: hidden*/
}
#promesometro .barraPromesas {
	width: 360px;
	float: left;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0
}
#promesometro .barraPromesas h1 {width:110px;font:300 20px/24px 'Oswald Light','Arial',serif;color:#333; background:#f8f8f8;padding:10px;margin:0 0 1px 0;float:left}
	#promesometro .barraPromesas h1.IN {width:30px;font:300 20px/24px 'Oswald Light','Arial',serif;color:#000; background:#ffb2b2;padding:10px;margin:0 0 1px 0;text-align: center;float:left}
	#promesometro .barraPromesas .BarraIN {width:240px; height:44px; background:#ff0000;padding:0;margin:0 0 1px 0;float:left}
	#promesometro .barraPromesas h1.SA {width:30px;font:300 20px/24px 'Oswald Light','Arial',serif;color:#000; background:#d1d1d1;padding:10px;margin:0 0 1px 0;text-align: center;float:left}
	#promesometro .barraPromesas .BarraSA {width:240px; height:44px; background:#666;padding:0;margin:0 0 1px 0;float:left}
	#promesometro .barraPromesas h1.EP {width:30px;font:300 20px/24px 'Oswald Light','Arial',serif;color:#000; background:#fdecb2;padding:10px;margin:0 0 1px 0;text-align: center;float:left}
	#promesometro .barraPromesas .BarraEP {width:240px; height:44px; background:#f7c000;padding:0;margin:0 0 1px 0;float:left}
	#promesometro .barraPromesas h1.C {width:30px;font:300 20px/24px 'Oswald Light','Arial',serif;color:#000; background:#b2e0b6;padding:10px;margin:0 0 1px 0;text-align: center;float:left}
	#promesometro .barraPromesas .BarraC {width:240px; height:44px; background:#00970e;padding:0;margin:0 0 1px 0;float:left}
	
#promesometro .pTotales {
	width: 175px;
	background: #f8f8f8;
	float: left;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 0;
	margin-bottom: 0;
}
#promesometro .pTotales h1 {
	width: 155px;
	font: 300 20px/24px 'Oswald Light','Arial',serif;
	color: #000;
	padding: 10px;
	margin: 0;
	text-align: center;
	float: left
}
#promesometro .pTotales h2 {
	width: 155px;
	font: 300 42px/46px 'Oswald Light','Arial',serif;
	color: #d20000;
	padding: 0 10px 10px 10px;
	margin: 0;
	text-align: center;
	float: left
}

#promesometro .pestana { background:#000; width:960px; height:30px;overflow:hidden; padding-top: 5px;}
#promesometro .pestana ul { float: left;}
#promesometro .pestana ul li { font:300 16px/18px 'Oswald Light','Arial',serif; color:#FFF; float:left; display: inline-block; margin-top: 7px; margin-left: 5px; padding-bottom: 5px;}
#promesometro .pestana ul li a{color: #fff; background:#00c6ff; padding:5px 4px;} 
#promesometro .pestana ul li a:hover{ color:#FFF; background:#999;}
#promesometro .pestana ul li a.sel{ color:#333; background:#f8f8f8;}
#promesometro .barraPaginador { width:950px; background:#f8f8f8; padding:5px; overflow:hidden; float:left}

#promesometro .barraPaginador p{ float:left}
#promesometro .barraPaginador .paginacion {overflow:hidden; float:right}
#promesometro .barraPaginador .paginacion ul { float: left;}
#promesometro .barraPaginador .paginacion ul p{ margin:10px}

#promesometro .barraPaginador .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;}
#promesometro .barraPaginador .paginacion ul li a{height: 20px;color: #fff; background:#00c6ff; padding:5px 5px 2px 2px;overflow: hidden; display:block} 
#promesometro .barraPaginador .paginacion ul li a:hover{ color:#FFF; background:#999;}
#promesometro .barraPaginador .paginacion ul li a.sel{ color:#000; background:#f1f1f1; border:1px solid #cccccc; height:18px}

#promesometro .Ranking { width:70px; height:110px; overflow:hidden; float:left; margin:10px 0 0 0; background:#efefef;}
#promesometro .Ranking h1 {width: 20px;font:400 30px/34px 'Oswald Regular','Arial',serif;color:#f3ac00;margin:10px 5px 0 10px; float:left}
#promesometro .Ranking img {margin:15px 0 0 0; float:left}

#promesometro .PromesaRank { width:580px; height:110px; overflow:hidden; float:left; margin:10px 0 0 0; background:#f8f8f8}
#promesometro .PromesaRank h1 {width:560px;font:400 20px/24px 'Oswald Regular','Arial',serif;color:#333;margin:10px; float:left}
#promesometro .PromesaRank h1 a{color:#333;}
#promesometro .PromesaRank h1 a:hover{color:#00aeff;}
#promesometro .PromesaRank p {margin:0 10px;width:560px;}
#promesometro .PromesaRank ul.herr {font:lighter 12px/16px 'Helvetica', 'Arial', sans-serif;margin: 0 10px;float:left}
#promesometro .PromesaRank ul.herr li {margin-left:0; list-style-type:none; font:100 13px/17px 'Oswald','Arial',serif; text-transform:uppercase; display:inline;}
#promesometro .PromesaRank ul.herr li a{color:#00c6ff; display:inline-block; background:inherit; padding:4px; margin-left: -4px;}
#promesometro .PromesaRank ul.herr li a:hover{color:#00c6ff; display:inline-block; background:#eaeaea;}




/*#promesometro .Promesa { width:820px; height:110px; overflow:hidden; float:left; margin:10px 0 0 0; background:#f8f8f8}*/
/* #promesometro .Promesa { width:820px; height:110px; overflow:hidden; float:left; margin:10px 0 0 0; background:#f8f8f8; cursor:pointer;}
#promesometro .Promesa:hover{ background:#e8e8e8;} */
#promesometro .Promesa { width:820px; height:110px; overflow:hidden; float:left; margin:10px 0 0 0; background:#f8f8f8 url(../imgdiseno/mas.png) no-repeat; background-position: -30px 0px; cursor:pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#promesometro .Promesa:hover{ background:#e8e8e8 url(../imgdiseno/mas.png) no-repeat; padding-left:30px; margin-right:-30px; background-position: 0px 0px;}
/*#promesometro .Promesa h1 {width:630px;font:400 20px/24px 'Oswald Regular','Arial',serif;color:#333;margin:10px; float:left}*/
#promesometro .Promesa h1 {width: 630px; font: 400 18px/18px 'Oswald Regular','Arial',serif;color: #333;margin: 5px 10px; float: left;}
#promesometro .Promesa h1 a{color:#333;}
#promesometro .Promesa h1 a:hover{color:#00aeff;}
#promesometro .Promesa p {margin:0 10px; width:630px;}
#promesometro .Promesa ul.herr {font:lighter 12px/16px 'Helvetica', 'Arial', sans-serif;margin: 0 10px;float:left}
#promesometro .Promesa ul.herr li {margin-left:0; list-style-type:none; font:300 13px/17px 'Oswald Light','Arial',serif; text-transform:uppercase; display:inline;}
#promesometro .Promesa ul.herr li a{color:#00c6ff; display:inline-block; background:inherit; padding:4px; margin-left: -4px;}
#promesometro .Promesa ul.herr li a:hover{color:#00c6ff; display:inline-block; background:#eaeaea;}

#promesometro .votar { width:170px; height:110px; overflow:hidden; float:left; margin:10px 0 0 0; background:#f0f0f0; text-align: center; position:relative}
#promesometro .votar .pleca { position:absolute; left:0; top:0; background:#d20000;}
#promesometro .votar .pleca p{ color:#fff; padding:3px}
#promesometro .votar h1 {width:170px;font:700 13px/16px 'Helvetica','Arial',serif;color:#333;margin:40px 0 0 0; float:left; text-align:center}

#promesometro .pCumplida {width:140px; height:110px;background:#00970e;overflow:hidden; float:left;margin: 10px 0 0 0;}
#promesometro .pEnProceso {width:140px; height:110px;background:#f7c000;overflow:hidden; float:left;margin: 10px 0 0 0;}
#promesometro .pSinAvance {width:140px; height:110px;background:#666;overflow:hidden; float:left;margin: 10px 0 0 0;}
#promesometro .pIncumplidas {width:140px; height:110px;background:#ff0000;overflow:hidden; float:left;margin: 10px 0 0 0;}
#promesometro .pCumplida h1, 
#promesometro .pEnProceso h1,
#promesometro .pSinAvance h1, 
#promesometro .pIncumplidas h1 {
	font:300 20px/24px 'Oswald Light','Arial',serif;color:#fff;margin:45px 0 0 0; text-align:center; width:100%}

#promesometro ul.Ruta { width:960px; background:#c4c4c4; overflow:hidden;margin-top: 20px; float:left}
#promesometro ul.Ruta li { font:300 20px/24px 'Oswald Light','Arial',serif; color:#FFF; float:left; display: inline-block; margin-top: 7px; padding-bottom: 5px;}
#promesometro ul.Ruta li a{color: #9b9b9b; background:#4e4e4e; padding:5px 25px;} 
#promesometro ul.Ruta li a:hover{ color:#FFF; background:#999;}
#promesometro ul.Ruta li a.sel{ color:#fff; background:#000;}