/* Global Resetting */
html {min-height: 100%;}
body {
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS";
	font-size:10pt;
	color:#515151;
	background-image:url(../images/fondo.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

a img{
	border:0;
}
a {
	color: #cc2e84;
	text-decoration:none;
	line-height:20px;
}
a:hover {
	color: #4a9c1f;
	text-decoration:none;
}

form {
	margin:0;
	padding:0;
	display: inline;
}

/* Layout CSS */
#Main {
	background: #FFF;
	margin: 0 auto;
	width: 850px;
	border: 1px solid #f00;
}
#Header {
	clear:left;
}
	#Header h1 {
		color:#fff;
		font-size:1.5em;
		line-height:4.5em;
		padding-left:20px;
	}
		#Menu1 {
			padding:10px 50px 0;
		}
			#Menu1 li {
				float:left;
				margin-left:2px;
				background:url(../images/menu1_right.gif) no-repeat right top;
			}
				#Menu1 li.current,
				#Menu1 li.section {
					background:url(../images/menu1_right_on.gif) no-repeat right top;
				}
				#Menu1 li a {
					display:block;
					color:#fff;
					font-weight:bold;
					font-size:1.1em;
					text-decoration:none;
					padding:5px 15px;
					background:url(../images/menu1_left.gif) no-repeat left top;
				}
					#Menu1 li a:hover {
						color:#d2ebff;
					}
					#Menu1 li.current a,
					#Menu1 li.section a {
						background:url(../images/menu1_left_on.gif) no-repeat left top;
						color:#d2ebff;
					}

#ContentContainer {
	background:#f5f5f5 url(../images/ss_watermark.gif) bottom left no-repeat;
	padding-top:20px;
	padding-bottom:20px;
	overflow: auto;
}

#Banner {
	text-align: center;
}

#Menu2 {
	margin-left: 20px;
	width: 17em;
	float:left;
	background:#f0f0f0;
	border:1px solid #ddd;
	padding:10px 10px 10px 10px;
}
	#Menu2 li {
		padding-left:15px;
		background:url(../images/menu2_arrow.gif) no-repeat left center;
	}
	#Menu2 a {
		color:#333;
		font-weight:bold;
		font-size:1.1em;
		line-height:1.6em;
		text-decoration:none;
	}
	#Menu2 a:hover {
		text-decoration:underline;
	}
	#Menu2 li.current a,
	#Menu2 li.section a {
		color:#0083C8;
	}

#Content {
	float: right;
	width:555px;
	padding:15px;
	background-color: #ededee;
}

div.breadcrumbs {
	margin-bottom:10px;
	font-size:1em;
	color:#666;
}
div.breadcrumbs a {
	text-decoration:none;
}

/* The rest of this file is for the second tutorial */
#NewsList,
#StaffList {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#NewsList li,
#StaffList li {
	margin: 0;
	list-style-type: none;
}
	#NewsList li.newsDateTitle span {
		color:#666;
		line-height:2em;
	}
	#NewsList li.newsDateTitle a {
		font-size:1.3em;
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		padding-left:20px;
		background:url(../images/treeicons/news-file.gif) no-repeat left center;
	}
		#NewsList li.newsDateTitle a:hover {
			border-bottom:1px dotted #0083C8;
		}
		
	#NewsList li.newsSummary {
		margin-bottom:20px;
	}
		#NewsList li.newsSummary span {
			font-size:1.1em;
			line-height:1.5em;
			color:#333;
		}
		#NewsList li.newsSummary a.readMoreLink {
			color:#0083C8;
			text-decoration:none;
		}
			#NewsList li.newsSummary a.readMoreLink:hover {
				border-bottom:1px dotted #0083C8;
			}

div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

div.pageComments {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#StaffList .staffname { 
	clear: both;
	padding-left: 105px;
	height: 1.2em;
}

#StaffList .staffphoto {
	float: left;
	margin-left: 3px;
	margin-top: -1.2em;
}     
#StaffList .staffphoto img {
	border:1px solid #AAA;
}

#StaffList .staffdescription {
	margin-left: 60px;
	margin-bottom:30px;
}

#StaffPhoto {
	float: left;
	margin-right: 10px;
}

#StaffPhoto img {
	border:1px solid #AAA;
}

#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}

			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}

/*estructura*/
#modelo{
	width:290px;
	height:545px;
	z-index:500;
	position:absolute;
	top:100px;
	left:35px;
}
#contenedor-externo {
	display:block;
}
#contenedor-interno {
	background: #FFF;
	margin: 0 auto;
	width: 850px;
}
/*barra superior*/
#franja-superior {
	background-color:#363636;
	height:19px;
	padding: 6px 15px 10px  15px;
}
	#redes-sociales {
		width:400px;
		float:left;
		color:#E2E2E2;
	}
	.boton-ingles {
		float:left;
		margin-left:5px;
		position:relative;
	}
	.boton-ingles a {
	    width:60px;
		background-color:#F0F0F0;
		padding:0 10px 0 10px;
		color: #515151;
		text-decoration: none;
		position:relative;
	}
	.boton-ingles a:hover {
	    width:60px;
		padding:0 10px 0 10px;
		background-color: #00CC00;
		color: #FFFFFF;
	}

#busqueda {
	width:190px;
	float: right;
	text-align:right;
	color:#E2E2E2;
	padding-top: 0px;
	margin-top: 0px;
}
	#busqueda fieldset, legend {
		margin: 0px;
		padding: 0px;
		border:none;
	}

	#busqueda input {
		border: none;
		background-color:#ededee;
	}

/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
	float: right;
	width: 250px;
	margin: 0px;
	padding: 0px;
}
html #SearchForm_SearchForm .middleColumn {
	float: left;
	width: 164px;
	margin: 0 1px 0 0;
	padding: 2px;
}
html #SearchForm_SearchForm .middleColumn input.text {
	width: 160px;
	border: none;
	color: #666;
}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: left;
	margin-top: 1px;
}

/************************
SITEMAP
************************/
#sitemap-list {padding:0 0 0 10px; margin:0; list-style:none; font-weight:bold; line-height:150%} /*1st level list*/
#sitemap-list li {padding:10px; margin-top:10px; font-size:13px; background:#f0f0f0;} /*1st level items*/
 
#sitemap-list ul {margin:5px 10px 5px 10px; padding:5px 10px; font-weight:normal; background:#f8f8f8;} /*2nd level lists*/
#sitemap-list li li {padding:0; margin:0; list-style:none; font-weight:bold; font-size:11px; line-height:18px; background:none} /*2nd level items*/
 
#sitemap-list ul ul {margin-left:10px;padding:5px 10px;  background:#fff;} /*3rd level lists*/
#sitemap-list li li li {font-size:11px; font-weight:normal;} /*3rd level items*/

/*encabezado*/
#cabezote {
	height:180px;
}
/*menu*/
#fondo-menu {
	height:35px;
	background-color:#363636;
	z-index: 200;
}
.menu {
	list-style:none;
	margin:0;
	padding:7px 15px 0px 60px;
	position:relative;
	z-index: 1000;
}
.menu li.botones-menu{
	display:block;
	float: left;
	position:relative;
	font-size:12pt;
	font-weight:lighter;
	padding:0px 5px 0px 5px; 
}
.separador {
	display:block;
	float: left;
	position:relative;
	width:1px;
	height:20px;
	background: url(../images/separador.jpg) no-repeat;
} 
.menu li a.botones-menu_link {
	color: #E2E2E2;
	text-decoration:none;
	padding: 0px 10px 0px 10px;
} 
.menu li:hover > a.botones-menu_link:hover {
	background-color: #CCCCCC;
	color: #1E1E1E; 
	text-decoration:none;
	padding: 0px 10px 0px 10px;
}
.menu table {
	border-collapse: collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;
}
.menu a:hover {
	visibility:visible;
}
.menu li:hover {
	position:relative; 
	z-index:200;
}
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
.menu :hover ul.sub {
	left:6px; 
	top:20px; 
	padding:0; 
	width:auto; 
	height:auto;
	font-size:10pt;
}
.menu :hover ul.sub li {
	top:7px;
	display:block;
	position:relative;
	float:left; 
	width:165px;
	border-bottom:1px solid #CCCCCC;

}
.menu :hover ul.sub li a.botones-submenu_link {
    display:block; 
	background-color: #363636;
	line-height:1.8; 
	color: #CCCCCC;
	text-decoration:none;
	padding-left:5px;
	width:160px;
	filter: alpha(opacity=90);
	opacity: .9;
} 
.menu :hover ul.sub li:hover > a.botones-submenu_link:hover {
	background-color: #CCCCCC;
	color: #1E1E1E; 
}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul{
	left:165px; 
	top:-10px; 
	padding:0;
	width:auto; 
	z-index:300; 
	height:auto;
}
/*contenido*/
#contenido {
	padding:15px;
	display:block;
	text-align:left;
}
#contenido-izquierda {
	float:left;
	width:220px;
	
}
#contenido-derecha {
	float: right;
	width:570px;
}
.clear{
	clear:both;
}
#valla-home{
	width:570px;
	background-image:url(../images/valla_home.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:195px;
}
#cajas-contenido{
	width:570px;
	margin-top:15px;
	display:block;
	height:auto;
}
/*menu programacion*/
.menu-programacion{
	list-style:none;
	margin:0px;
	padding:0;
	position:relative;
	height:30px;
}
.menu-programacion li.botones-menu-programacion{
	display:block;
	float:left; 
	position:relative;
	font-size:14pt;
	font-weight: bolder;
	margin-right:4px;
}
.menu-programacion li a.botones-programacion1_link {
	background-color: #d61f8b;
	color: #FFFFFF;
	text-decoration:none;
	padding: 0px 12px 0px 12px;
	position:relative;
} 
.menu-programacion li:hover > a.botones-programacion1_link:hover {
	background-color: #CCCCCC;
	color: #1E1E1E; 
	text-decoration:none;
	padding: 0px 12px 0px 12px;
}
.menu-programacion li a.botones-programacion2_link {
	background-color: #6b01b5;
	position:relative;
	color: #FFFFFF;
	text-decoration:none;
	padding: 0px 12px 0px 12px;
} 
.menu-programacion li:hover > a.botones-programacion2_link:hover {
	background-color: #CCCCCC;
	color: #1E1E1E; 
	text-decoration:none;
	padding: 0px 12px 0px 12px;
}
.menu-programacion li a.botones-programacion3_link {
	background-color: #0089db;
	position:relative;
	color: #FFFFFF;
	text-decoration:none;
	padding: 0px 12px 0px 12px;
} 
.menu-programacion li:hover > a.botones-programacion3_link:hover {
	background-color: #CCCCCC;
	color: #1E1E1E; 
	text-decoration:none;
	padding: 0px 12px 0px 12px;
}
.menu-programacion li a.botones-programacion4_link {
	background-color: #01b595;
	position:relative;
	color: #FFFFFF;
	text-decoration:none;
	padding: 0px 12px 0px 12px;
} 
.menu-programacion li:hover > a.botones-programacion4_link:hover {
	background-color: #CCCCCC;
	color: #1E1E1E; 
	text-decoration:none;
	padding: 0px 12px 0px 12px;
}
.menu-programacion li a.botones-programacion5_link {
	background-color: #00CC00;
	position:relative;
	color: #FFFFFF;
	text-decoration:none;
	padding: 0px 12px 0px 12px;
} 
.menu-programacion li:hover > a.botones-programacion5_link:hover {
	background-color: #CCCCCC;
	color: #1E1E1E; 
	text-decoration:none;
	padding: 0px 12px 0px 12px;
}
.noticias{
    float:left;
	height:215px;
	width:165px;
	display: block;
	background-color:#ededee;
	margin-right:5px;
	padding:9px;
	border: #CCCCCC 1px solid;
}
.foto-noticias{
	width:165px;
	height:90px;
	margin-bottom:10px;
}
/*contenido lateral izquierda*/
#cajas-contenido-izq{
	width:220px;
	margin-bottom:15px;
	display:block;
	height:auto;
}
/*menu-destacados*/
.menu-destacados{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	position:relative;
	font-size:14pt;
	font-weight:bold;
	width:220px;
	font-variant:small-caps;
}
.menu-destacados li{
	margin:0 0 5px 0;
	padding:0;
	display:block;
}
.menu-destacados li a.destacados1 {
	height:27px;
	text-decoration:none;
	display:block;
	padding:3px 0 0 45px;
	color:#d61f8b;
	background: #FFFFFF url(../images/boton_prensa.jpg) no-repeat ;
	width:175px;
}
.menu-destacados li:hover > a.destacados1:hover {
	background: #ededee url(../images/boton_prensa.jpg) no-repeat;
	color:#1E1E1E;
}
.menu-destacados li a.destacados2 {
	height:27px;
	text-decoration:none;
	display:block;
	padding:3px 0 0 45px;
	color:#6b01b5;
	background: #FFFFFF url(../images/boton_foto.jpg) no-repeat ;
	width:175px;
}
.menu-destacados li:hover > a.destacados2:hover {
	background: #ededee  url(../images/boton_foto.jpg) no-repeat;
	color:#1E1E1E;
}
.menu-destacados li a.destacados3 {
	height:27px;
	text-decoration:none;
	display:block;
	padding:3px 0 0 45px;
	color:#0089db;
	background: #FFFFFF  url(../images/boton_pasarela.jpg) no-repeat ;
	width:175px;
}
.menu-destacados li:hover > a.destacados3:hover {
	background: #ededee url(../images/boton_pasarela.jpg) no-repeat;
	color:#1E1E1E;
}
.menu-destacados li a.destacados4 {
	height:27px;
	text-decoration:none;
	display:block;
	padding:3px 0 0 45px;
	color:#01b595;
	background: #FFFFFF url(../images/boton_boletas.jpg) no-repeat ;
	width:175px;
}
.menu-destacados li:hover > a.destacados4:hover {
	background: #ededee url(../images/boton_boletas.jpg) no-repeat;
	color:#1E1E1E;
}
.menu-destacados li a.destacados5 {
	height:27px;
	text-decoration:none;
	display:block;
	padding:3px 0 0 45px;
	color:#00cc00;
	background: #FFFFFF url(../images/boton_mapa.jpg) no-repeat ;
	width:175px;
}
.menu-destacados li:hover > a.destacados5:hover {
	background: #ededee url(../images/boton_mapa.jpg) no-repeat;
	color:#1E1E1E;
}
/*menu secundario*/
.menu-secundario{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	width:220px;
}
.menu-secundario li{
	margin:2px 0 0 0;
	padding:0;
	display:block;
	border:#999999 1px solid;
	font-size:11pt;
}
.menu-secundario li a{
	display:block;
	text-decoration:none;
	color: #d61f8b;
	background: #FFFFFF url(../images/vineta_submenu.jpg) no-repeat 1px 1px;
	padding:0 0 0 30px;
	width:188px;}
.menu-secundario li a:hover{
	background: #ededee url(../images/vineta_submenu.jpg) no-repeat 1px 1px;
	color:#1E1E1E;
}
#video{
	width:220px;
	height:193px;
}
#logos {
	height:70px;
	border-bottom:1px solid #bfbfbf;
	border-top:1px solid #bfbfbf;
}
/*links del todo el sitio*/
#navegacion {
	background:#ededee;
	background-repeat: repeat-y;
	background-image: url(../images/back-navegacion.jpg); 
	display:block;
	position:relative;
	height: 210px;
}


.cajas-links{
	width:110px;
	height:auto;
	padding:15px;
	float:left;
}

	.navegacion-links{
		font-size:10pt;
		color:#1E1E1E;
		text-decoration:none;
	}
	.navegacion-links:hover{
		font-size:10pt;
		color: #666666;
		text-decoration:none;
	}
	.navegacion-links1{
		font-size:9pt;
		color: #0066FF;
		text-decoration:none;
	}
	.navegacion-links1:hover{
		font-size:9pt;
		color: #009900;
		text-decoration:none;
	}

#Footer {
	background-color:#363636;
	padding:10px 15px;
	color:#CCCCCC;
	font-size:10pt;
	text-align:center;
}	

/*plantilla*/
.contenido-derecha-plantilla {
	float: right;
	width:555px;
	padding:15px;
	background-color: #ededee;
}