@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/bg_site.png); background-repeat:no-repeat; background-color:#F3F3F3; background-position:center top;}
.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;}


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


/* header*/
.header { height:177px; position:relative;}
.logo_uic { margin-top:50px; margin-left:40px;}
.redes { background-image:url(../img/bg_redes.png); background-repeat:no-repeat; background-position:center center; width:171px; height:34px; display:block; position:absolute; bottom:0; right:0; padding-top:10px;}
.redes img { margin-left:10px;}


/*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 { height:37px; width:195px; line-height:30px; margin-bottom:3px; background-image:url(../img/sombra_menu.png); background-repeat:no-repeat; background-position:center bottom;}
.menu li a { display:block; color:#fff; background-color:#999; padding-left:10px; text-decoration:none; font-weight:bold; -moz-border-radius: 2px; -webkit-border-radius: 2px;-khtml-border-radius: 2px; border-radius: 2px; behavior: url(../img/border-radius.htc);}
.menu li a:hover, .menu li a.active, .actividades .menu li a.marcado { background-color:#0083A9;}


/*contenido*/
.content { background-color:#FDFDFD; margin-top:25px;-moz-border-radius: 5px; -webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; behavior: url(../img/border-radius.htc);}
.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; background-image:url(../img/bg_sidebar.png); background-repeat:repeat-y; background-position:top left; }
.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:#0083A9;}
.bold { color:#333;}
span.box { background-color:#0083A9; 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;}
.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;
	}