/* CSS Document */
* {padding:0; margin:0 auto;}
html,body{margin:0;padding:0; background-color:#EEE;}
body{font: 76% arial,sans-serif;text-align:center}
img{border:none;}
p{margin:0 10px 10px}
a{text-decoration:none; color:#A84700;}
a:hover{text-decoration:underline;}

h2{color:#C30;}

div#container{text-align:left;width:980px;margin:0 auto; background-color:#FFF;}

/* CABECERA */
div#header{padding:0px; margin:0px;}

/* MENU */

ul#topnav {
	margin: 0 0 20px 0; padding: 0;
	float: left;
	width: 900px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.2em;
	background-image:url(../imgs/menu.png);
	background-repeat:no-repeat;
	background-color:#CCC;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555; /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #CCC;
	text-decoration: none;
}
ul#topnav li a:hover{color:#333;}
ul#topnav li:hover { background: #CCC url(../imgs/topnav_active.gif) repeat-x; }

ul#topnav li span {
	float: left;
	padding: 8px 0;
	margin-top:2px;
	position: absolute;
	left: 0;
	top:35px;
	display: none; /*--Hide by default--*/
	width: 820px;
	background:#CCC;
	color: #fff;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; color:#222; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}

div#menu{background-image:url(../imgs/menu.png); background-repeat:no-repeat; background-color:#CCC; min-height:80px;}

div#menu #menu1{width:780px; background-color:#CCC;}
div#menu #menu1 ul{list-style:none; margin:0; padding:0;}
div#menu #menu1 li{float:left; width:100px; text-align:center; margin-top:13px; text-decoration:bold;}
div#menu #menu1 li a{color:#E9E9E9; font-size:12px; font-weight:bold; display:block;}
div#menu #menu1 li a:hover{text-decoration:underline;}

div#menu #menu2{width:780px; background-color:#DDD; clear:both;}

div#menu #redes{float:right; width:110px; height:40px;}
div#menu #redes ul{list-style:none; margin:0; padding:0;}
div#menu #redes li{float:left; width:35px; text-align:center; margin-top:3px;}

div#menu #languages{float:right; width:40px; background-color:#C60; height:23px;}


/* CUERPO */
div#wrapper{padding-top:10px;}
div#content p{line-height:1.4;}
div#content{float:left;width:585px; margin:0 10px;}
#contenido_seccion{text-align:justify;}

/* SLIDER */
div#slider_col1{float:left; width:500px;}
div#slider_col2{float:right; width:170px;}
div#slider_col2 .button{height:70px; width:170px; background-color:#CCC; margin-bottom:15px;}

/* CAROUSEL */
div#carousel{clear:both;}
div#carousel_titulo{background-color:#333333; color:#FFF; padding:4px 15px; font-weight:bold; font-size:13px; margin-bottom:10px;}
div#carousel ul{list-style:none; margin:0; padding:0;}
div#carousel li{width:280px; float:left; background-image:url(../imgs/boton_ponente 1.png); background-repeat:no-repeat; height:113px; margin-bottom:10px;}
div#carousel .col1{margin-right:25px;}
div#carousel .imagen{width:64px; height:99px; float:left; margin-left:10px; margin-top:6px; border:solid #CCC 1px;}
div#carousel .texto{width:185px; float:right; margin-top:8px; margin-right:10px;}
div#carousel .texto_completo{width:260px; float:right; margin-top:8px; margin-left:10px; margin-right:10px;}
div#carousel .titulo{font-weight:bold; color:#A84700;}
div#carousel .descripcion{color:#666; font-size:0.9em; padding-top:5px; height:50px;}
div#carousel .enlace{font-size:0.9em; padding-top:5px; margin-right:10px; text-align:right; font-style:italic; color:#A84700;}

/* NEWS TICKER */
.news-title{color:#FFF; padding:10px 4px 0px 4px; margin:0px;}
#news-container{width:98%; margin: auto; margin-top: 0px; background-color:#333;}
#news-container a{color:#FFF;}
#news-container ul {padding:0; margin:0; list-style:none; width:94%;}
#news-container ul li div{background: #666; width:100%; color:#EEE; margin:10px 2px; padding:2px 4px; border-radius:4px;}
#news-container ul li div .date{color:#F60; font-size:9px; text-align:right; margin:0; padding:0;}

div#menu_left{float:left; width:160px;}

div#news{background:#333; border-radius: 4px; padding-bottom:10px;}
div#news ul{margin:15px 0; padding:0; list-style-type:none;}
div#news li{margin-bottom:5px;}
div#news{float:right;width:200px}

div#extra{float:right;clear:right;width:200px}


div#footer p{margin:0;padding:5px 10px}
div#footer{clear:both;width:100%; background-color:#FFF;}
div#footer #logo{padding:20px 30px; width:120px; float:left;}
div#footer #secretaria{width:450px; float:left; padding:10px 20px;}