/*  
CSS Version: INTEGRACEE 2.0
CSS URI: /css/ICEE2CP.css
Descripcion: Restyling globales + Minisite Concurso
Author: Ancora Dual
Author URI: http://www.ancoradual.com/
*/


body {
background-color:#fff;
color:#989898;
font:normal 62.5%/1.95em Arial, Helvetica, Tahoma, sans-serif;
height: 100%;
position: relative;
}

* body { behavior: url("/integracee/js/csshover3-source.htc"); }

strong {
font-weight:bold;
}

em {
font-style:italic;
letter-spacing:0;
}

.destacar-azul {
color: #005484;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

h2 {
	font-size:3em;
	color: #111113;
	letter-spacing: -0.5px;
	line-height: 0.9em;
	width: 480px;
	float: left;
	font-weight: normal;
	padding: 0 0 1.3em 0;
}

h3 {
border-bottom:1px solid #ade8ff;
display:block;
color: #12406D;
font-size: 1.9em;
letter-spacing: -0.2px;
padding: 0px 0 8px 0;
clear: both;
font-weight: bold;
}

h3 em {
	font-size:60%;
	font-weight: normal;
	display: block;
}

h4 {
text-transform:uppercase;
font-size: 1.3em;
font-weight: bold;
}

p {
font-size:1.4em;
padding: 0 0 1em 0;
line-height: 1.2em;
}

.ocultar {
text-indent:-9999px;
position:absolute;
left:-9999px;
}

.flotar-der {
float:right;
}

.flotar-izq {
float:left;
}

#cabecera-contenedor {
position: fixed;
top: 0;
height: 109px;
width: 100%;
background: #fff url(img/global/head-bg.gif) 0 0 repeat-x;
z-index: 99;
}

#cabecera {
position: relative;
width: 960px;
margin:0 auto;
height: 73px;
}

a#integra-logo {
background:url(img/global/integra-logo.jpg) 0 0 no-repeat;
width: 197px;
height: 73px;
display: block;
}

p#integra-tlf {
position: absolute;
right: 170px;
top: 14px;
z-index: 10;
display:block;
font-size:140%;
color:#fff;
letter-spacing:-0.1px;
}

p#integra-tlf img {
vertical-align:text-bottom;
}

ul#idiomas-lst {
position: absolute;
right: 0px;
top: 10px;
width: 140px;
z-index: 10;
padding: 4px 0px 4px 6px;
background-color:#075d8d;
border:1px solid #1582bf;
color: #8FD2FD;
font-size: 110%;
}

ul#idiomas-lst li {
display:inline;
float:left;
width: auto;
}

ul#idiomas-lst li a {
padding: 2px 10px 2px 10px;
color: #8FD2FD;
text-indent: 0;
text-decoration:none;
text-align: center;
}

ul#idiomas-lst li a:hover {
text-decoration:underline;
color: #fff;
}

ul#idiomas-lst li a#idioma-actual {
color:#fff;
font-weight:bold;
}

ul#nav {
clear: both;
}

ul#nav li {
display: inline;
float: left;
background:transparent url(img/global/nav-bg.gif) right center no-repeat;
}

ul#nav li a {
display: block;
padding: 8px 14px 9px 14px;
color: #111113;
font-size: 1.2em;
}

ul#nav li a:hover {
}

p#ayuda {
font-size:1.2em;
color:#4391BF;
display:block;
background:transparent url(img/global/ayuda-bg.gif) 0 0 repeat-x;
border:1px solid #eee;
width:60px;
height:19px;
position:absolute;
top:80px;
right:0px;
text-align:center;
padding: 3px 0 0 0;
cursor:help;


}

span.ayuda-detalle{
visibility:hidden;
position:absolute;
bottom:-162px;
padding:15px 12px 8px 15px;
left:-120px;
display:block;
width:280px;
height:135px;
font-size:0.90em;
line-height:1.15em;
text-align:left;
background:transparent url(img/global/ayuda-detalle.gif) 50% 0 no-repeat;

}


p#ayuda:hover {}

p#ayuda:hover span.ayuda-detalle {
	visibility:visible;


}


.accesskey {
text-decoration:underline;
font-weight:bold;
color:#1582BF;
}

#concurso-fondo {
width:100%;
height:100%;
overflow:hidden;
margin:0px 0 0 0;
background: #7ad8ff url(img/parcial/concurso-bg.gif) 0 0 repeat-x;
}

#concurso-contenidos {
	width:960px;
	height:100%;
	margin:109px auto 0 auto;
	background:transparent url(img/parcial/concurso-logo.jpg) 0 0 no-repeat;
	padding: 240px 0 0 0;
	position:relative;
	color: #111113;
}


#nubes-fondo {
	right: 0px;
	bottom: 0px;
	background: url(img/parcial/nube-detalle.png) bottom right no-repeat;
	z-index: 0;
	height: 100%;
	width: 100%;
	position: fixed;
}


#icon-ver {
	display:block;
	width:96px;
	height:85px;
	position:absolute;
	top:135px;
	left: 410px;
}


#icon-ver:hover{
background-position:0 2px;
}


#icon-ver {
background:transparent url(img/parcial/icon-ver.png) 0 0 no-repeat;
right:100px;
}

#banner {
	position:absolute;
	top:60px;
	right:40px;
	width:355px;
	height:99px;
	display:block;
}


.premio {
	position: absolute;
	right: 10px;
	width:272px;
	height:76px;
	display: block;
	background:transparent url(img/parcial/premio-dsi.png) 0 0 no-repeat;
	top: 345px;
	z-index: inherit;
	padding: 0;
}

ul#candidatos-lista {
width:960px;
margin:0 auto;
border-top: 1px solid #e0fffc;
overflow: hidden;
padding: 0 0 20px 0;

}

ul#candidatos-lista li {
height: 159px;
color: #3B99B7!important;
margin: 20px 10px 0px 0px;
width: 230px!important;
position:relative;
display:block;
padding:0 0 51px 0;
background-color:none;

}

ul#candidatos-lista li:hover,
ul#candidatos-lista li:focus{
background-color:#fff;
color: #111113!important;
}

ul#candidatos-lista li p.dibujo-nombre {
padding: 0;
position: absolute;
top:167px;
width:210px;
text-align:left;
left:10px;
line-height:1.3em;
}

ul#candidatos-lista li a img {
position:absolute;
top:0;
left:0;
width:230px;
height:159px;
display:block;
opacity: .5;


}


ul#candidatos-lista li a:hover img {
opacity: 1;


}


ul#candidatos-lista li p.dibujo-nombre span {
display:block;
text-transform: uppercase;
font-weight: normal;
}


ul#candidatos-lista li a {

}

.boxgrid {
/*width: 230px;
height: 159px;*/
float:left;
overflow: hidden;
position: relative;
}

.boxgrid .boxcaption a {
	display:block;
	background:transparent url(img/parcial/icon-votar.png) 0 0 no-repeat;
	width: 173px;
	height: 20px;
	/*float: left;
margin: 0 0 0 5px;*/
position:absolute;
	left:6px;
	top:3px;
	cursor:pointer;
}

.boxgrid a:hover {
background-position:0 -20px;

}

.boxgrid img {
position: absolute;
top: 0;
left: 0;
border: 0;
padding: 0 0 51px 0;
cursor: pointer;
}

.boxgrid p {
font-weight:bold;
display: block;
font-size: 1.3em;
text-align: right;
}

.boxcaption {
	background:#41d5eb url(img/parcial/votar-txt.gif) left bottom no-repeat;
	float: left;
	position: absolute;
	height: 23px;
	width: 166px;
	padding: 4px 12px 0 0;
	color: #fff;
	top: 0px;
}

.captionfull .boxcaption {
top: -29px;
left: 0;
}





#pie {
clear:both;
width:960px;
margin:0 auto;
position:relative;
border-top: 1px solid #fff;
padding: 10px 0 10px 0;
height:auto;
}

#pie p {
font-size:1em;
color: #00557F;
}


div.dark_rounded .pp_top .pp_left { background: url(img/parcial/popmsg/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background: #fff url(img/parcial/popmsg/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background: url(img/parcial/popmsg/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.dark_rounded .pp_content { background: #fff url(img/parcial/popmsg/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .pp_next:hover { background: url(img/parcial/popmsg/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.dark_rounded .pp_previous:hover { background: url(img/parcial/popmsg/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.dark_rounded .pp_expand { background: url(img/parcial/popmsg/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_rounded .pp_expand:hover { background: url(img/parcial/popmsg/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_rounded .pp_contract { background: url(img/parcial/popmsg/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_rounded .pp_contract:hover { background: url(img/parcial/popmsg/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(img/parcial/popmsg/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_rounded .pp_close:hover { width: 75px; height: 22px; background: url(img/parcial/popmsg/sprite.png) -54px -25px no-repeat; cursor: pointer; } /* Close button */
div.dark_rounded .currentTextHolder { color: #000; }
div.dark_rounded .pp_description { color: #000; font-weight:bold; }

div.dark_rounded .pp_arrow_previous { background: url(img/parcial/popmsg/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(img/parcial/popmsg/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.dark_rounded .pp_bottom .pp_left { background: url(img/parcial/popmsg/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background: #fff url(img/parcial/popmsg/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background: url(img/parcial/popmsg/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

div.dark_rounded .pp_loaderIcon { background: url(img/parcial/popmsg/loader.gif) center center no-repeat; } /* Loader icon */


div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
	background-color: #076289;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9500;
		}

		div.pp_pic_holder {
			display: none;
			position: absolute;
			width: 100px;
			z-index: 10000;
		}

			.pp_top {
				height: 15px;
				position: relative;
			}
				* html .pp_top { padding: 0 15px; }

				.pp_top .pp_left {
					height: 20px;
					left: 0;
					position: absolute;
					width: 20px;
				}
				
				.pp_top .pp_middle {
					height: 20px;
					left: 20px;
					position: absolute;
					right: 20px;
				}
					* html .pp_top .pp_middle {
						left: 0;
						position: static;
					}

				.pp_top .pp_right {
					height: 20px;
					left: auto;
					position: absolute;
					right: 0;
					top: 0;
					width: 20px;
				}
				

			.pp_content {
				height: 20px; /* height: 40px; */
				position: relative;
				text-align: left;
				width: 100%;
			
			}

				.pp_content .pp_details {
					display: none;
					margin: 0px 15px 0px 20px;
					padding:0;
				}
					.pp_description {
						display: none;
						float: left;
						margin: 0px 0 0 0;
					}

					.pp_nav {
						clear: left;
						float: left;
						margin: 3px 0 0 0;
					}

						.pp_nav p {
							float: left;
							margin: 2px 4px;
						}


			.pp_hoverContainer {
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 2000;
			}

		
			a.pp_expand,
			a.pp_contract {
				cursor: pointer;
				display: none;
				height: 20px;	
				position: absolute;
				right: 30px;
				text-indent: -10000px;
				top: 10px;
				width: 20px;
				z-index: 20000;
			}

			a.pp_close {
				display: block;
				/*float:right;*/
				width:150px;
				/*margin: 0px 10px 0 0;*/
				text-indent: -10000px;
				position:absolute;
				left:20px;
				top:5px;
			}

			.pp_bottom {
				height: 20px;
				position: relative;
			}
				* html .pp_bottom { padding: 0 20px; }

				.pp_bottom .pp_left {
					height: 20px;
					left: 0;
					position: absolute;
					width: 20px;
				}
				.pp_bottom .pp_middle {
					height: 20px;
					left: 20px;
					position: absolute;
					right: 20px;
				}
					* html .pp_bottom .pp_middle {
						left: 0;
						position: static;
					}

				.pp_bottom .pp_right {
					height: 20px;
					left: auto;
					position: absolute;
					right: 0;
					top: 0;
					width: 20px;
				}

			.pp_loaderIcon {
				display: none;
				height: 24px;
				left: 50%;
				margin: -12px 0 0 -12px;
				position: absolute;
				top: 50%;
				width: 24px;
			}

			#pp_full_res {
				display: none;
				line-height: 1 !important;
				margin: 0 auto;
				text-align: center;
				width: 100%;
			}

			div.ppt {
				color: #fff;
				display: none;
				font-size: 2.1em;
				font-weight:bold;
				left: 0;
				position: absolute;
				bottom:0;
				z-index: 9999;
			}

		.clearfix:after {
		    content: "."; 
		    display: block; 
		    height: 0; 
		    clear: both; 
		    visibility: hidden;
		}

		.clearfix {display: inline-block;}

		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */