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

/*Clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*Structure / Commons*/
body { background-image:url(../img/fondo.png); background-repeat:repeat-x; background-color:#fff; background-position:center 225px;}
.container { width:960px; margin:0 auto;}
.left { float:left;}
.right { float:right;}
.separator-25 { margin-bottom:25px;}
.separator-45 { margin-bottom:45px;}
.separator-80 { margin-bottom:80px;}
.w-200 { width:200px;}
.w-235 { width:235px;}
.w-180 { width:180px;}
.margin-bot-0 { margin-bottom:0;}
.clear { clear:both;}
.divider { border-bottom:1px solid #E3E3E3;}
.center { text-align:center;}
.inline-block {display: inline-block;vertical-align: middle;}

/*fonts*/
H1 {font-family: 'Oswald', sans-serif; font-size:24px; font-weight:700; color:#524b50; line-height:150%;}
p { line-height:150%; margin-bottom:25px;}


/* header*/
.header { height:225px; position:relative;background: #fff;box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);}
.logo { margin-top:55px; margin-left:135px;}
.logo_uic { margin-top:55px; margin-left:115px;}
.fecha {position: absolute;right: -28px;top: 70px;}
.redes { background: none; width:171px; height:45px; display:block; position:absolute; bottom:0; right:20px;}
.redes img { margin-left:10px;}
.redes a:hover {opacity: 0.8;}


/*Footer*/
.footer { margin-top:20px; margin-bottom:20px; padding-left:10px; padding-right:10px;}
.footer p { color:#183B8D; font-size:13px; margin-left:40px; margin-top:7px; line-height:130%; margin-bottom:0;}
.footer a { color:#183B8D;}


/*sidebar*/
.sidebar { width:215px; padding-top:25px; padding-left:20px;}


/*menu*/
.menu li { background: none;height: 30px;line-height: 30px;margin-bottom: 10px;width: 195px;}
.menu li a { background: #887C83;color: #FFFFFF;display: block;font-weight: bold;padding-left: 10px;text-decoration: none;}
.menu li a:hover, .menu li a.active, .actividades .menu li a.marcado { background-color: #ED9E19;}


/*contenido*/
.content { background-color:#FFF; margin-top:0;box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);}
.shadow { background-image:url(../img/sombra_content.png); background-repeat:no-repeat; background-position:center center; height:9px;}
.contenido { width:640px; padding:25px 25px 25px 60px; }
.submenu-top {width:100%;margin-bottom:20px;}
.submenu-top a {display:inline-block;border:none;outline:none;}
.submenu-top a img {display:block;margin-right:9px;border:none;outline:none;}
.destacado, .destacado a { color:#00A3A6;}
.bold { color:#666;}
span.box { background-color:#ED9E19; color:#fff;  height: 30px; line-height: 30px; padding-left: 8px; padding-right: 8px; margin-right:8px; display:inline-block;}
span.boxgris { background-color:#E8E8EA; color:#3F3F41; height:30px; line-height:30px; padding-left: 8px; padding-right: 8px; display:inline-block; font-size:14px; font-weight:bold;}
.hash { margin-left:10px;margin-top: 5px;float: right;}
.boton { background-color:#0083A9; color:#fff; padding:2px 8px; margin-right:8px; text-decoration:none;}
ul.listas { margin-left:3px; margin-bottom:45px;}
ul.listas li { background-image:url(../img/ico_lista.png); background-position: left 9px; background-repeat: no-repeat; line-height: 150%; padding-left: 10px;}
.borde { border:5px solid #818285;}	
	
	/*programa*/
	.programa .box { margin-bottom:10px;}
	.programa p { margin-bottom:5px;}
	.programa .bold { margin-left:10px;}
	.programa ul.listas { margin-bottom:10px;}
	
	/*ediciones anteriores*/
	.edicion p { margin-bottom:7px;}
	
	/*fotos*/
	.galeria p { margin-bottom:5px;}
	
	
	/*actividades adicionales*/
	.actividades .cont_logos {border-left: 1px solid #C1C1C1;   margin-left: 30px; min-height: 90px; padding-left: 30px; padding-top: 25px;}
	.actividades .cont_logos .logouic { margin-top:12px; margin-left:45px;}
	.actividades .listas { margin-bottom:20px;}
	.actividades span.box { font-size:14px;}
	.actividades a.clear { text-decoration:none;}

	/*Galeria Prensa*/

		#thumbs_prensa {
    border:4px solid #999;
    display: block;
    float: left;
    height: 130px;
    margin-bottom: 13px;
    margin-right: 9px;
    width: 199px;
	}

	#thumbs_r_prensa {
    border:4px solid #999;
    display: block;
    float: left;
    height: 130px;
    margin-bottom: 13px;
    margin-right: 0;
    width: 199px;
	}

	/*Galeria de fotos*/
	.carousel-content {
		background-color:#818285;
		width:615px;
		height:470px;
		padding:7px 5px 5px;
	}
	#carousel-wrapper {
		position: relative;
		width:610px;
		margin-left:auto;
		margin-right:auto;
	}
	#carousel, #thumbs, #carousel2, #thumbs2, #carousel3, #thumbs3 {
	 	overflow: hidden;
	}
	#carousel-wrapper .caroufredsel_wrapper {
		background-color:#818285;
	}

	#carousel span, #carousel img,
	#thumbs a, #thumbs img, #carousel2 span, #carousel2 img,
	#thumbs2 a, #thumbs2 img, #carousel3 span, #carousel3 img,
	#thumbs3 a, #thumbs3 img   {
		display: block;
		float: left;
	}
	#carousel span, #carousel a,
		#thumbs span, #thumbs a, #carousel2 span, #carousel2 a,
		#thumbs2 span, #thumbs2 a, #carousel3 span, #carousel3 a,
		#thumbs3 span, #thumbs3 a {
	position: relative;
	}
	#carousel img,
	#thumbs img, #carousel2 img,
	#thumbs2 img,#carousel3 img,
	#thumbs3 img,  {
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	}
	#carousel span, #carousel2 span, #carousel3 span {
		width: 610px;
		height: 400px;
	}

	#thumbs-wrapper {
		padding: 8px 40px 0;
		position: relative;
	}
	#thumbs a, #thumbs2 a, #thumbs3 a {
		width: 85px;
		height: 55px;
		margin: 0 5px;
		overflow: hidden;
		
		-webkit-transition: border-color .5s;
		-moz-transition: border-color .5s;
		-ms-transition: border-color .5s;
		transition: border-color .5s;
	}
	#thumbs a:hover, #thumbs a.selected, #thumbs2 a:hover, #thumbs2 a.selected, #thumbs3 a:hover, #thumbs3 a.selected {
		border-color: #566;
	}
	
	#wrapper img#shadow {
		width: 100%;
		position: absolute;
		bottom: 0;
	}

	#prev, #next, #prevo, #nexto, #preva, #nexta {
		background: transparent url(../img/carousel_nav.png) no-repeat 0 0;
		display: block;
		width: 28px;
		height: 56px;
		position: absolute;
		top: 8px;
	}
	#prev, #prevo, #preva {
		background-position: 0 0;
		left: 3px;
	}
	#next, #nexto, #nexta {
		background-position: right 0;
		right: 10px;
	}	
	
	#prev:hover, #prevo:hover, #preva:hover {
		opacity:0.7;
			
	}
	#next:hover, #nexto:hover, #nexta:hover {
		opacity:0.7;		
	}
	
	#prev.disabled, #next.disabled, #prevo.disabled, #nexto.disabled, #preva.disabled, #nexta.disabled {
		opacity:0.4 !important;
	}