/*  
Theme Name: Dirección General Estudiantil
Theme URI: http://www.dge.cl
Description: Tema para el sitio web de la Dirección General Estudiantil, de la Universidad Católica del Norte
Version: 1.0
Author: Puerta 121
Author URI: http://www.puerta121.cl | www.puerta121.com

*/
body, h1, h2, h3, h4, h5, h6, blockquote, p{margin: 0; padding: 0;}

body{margin: 0; font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif; font-size: 12px; font-weight:normal; text-align: center; vertical-align: top; background:#fff; color:#111; background:url(images/borde_top.gif) repeat-x top left; }

h1{font-size: 24px; padding: 0 0 10px 0; }
h3, h3 a{color:#333; font-size:12px;}
p{ padding: 5px 0 0 0; text-size:12px; color:#111; }
p a:link, p a:visited{color:#333; text-decoration:none;}
p a:hover, p a:active {color:#fff; text-decoration:underline; background-color:#237dae; padding:2px 2px 2px 8px;}

#contenedor{ margin: 10px auto 0 auto; width:900px; height:100%; background:#FFFFFF url(images/tile.gif); text-align: left;}

/***********************************************************************
CABECERA
************************************************************************/
#cabecera{ float:left; width:900px; height:140px;}
.logo{ background:url(images/logoucn.gif) no-repeat; width:450px; height:100px; float:left;	margin-top:8px;}
.titulo{text-align:right;padding:5px;line-height:26px;}
.titulo h1{font-size:24px;color:#333;text-decoration:none;font-weight:normal;margin:0;padding:0;}
.titulo h2{	font-size:16px;	color:#bd6222;text-decoration:none; font-weight:normal; margin:0;padding:0;}
#nav_header{ float:right; width:450px; color:#333; }
#nav_header a{ text-align:right; color:#333; font-size:12px; text-decoration:none;}
#nav_header ul li{ float:right; list-style:none; margin: 0 0 0 12px; border-bottom:#C2C2C2 1px solid;}

/************
MENUS
************/
#menu { float:left; margin:0 auto 0 auto; padding:0; clear:both; width:900px; height:250px; }
#menu_pag{width:900px; background:#fff; clear:both; float:left;}
#main_nav { list-style: none; margin: 0; padding: 0; }
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 60px; } 

#portada { background: url(images/menu/inicio.gif); width:150px; }
#portada:hover { background: url(images/menu/inicio.gif) -150px 0 !important; }
#portada.active { background: url(images/menu/inicio.gif) -150px 0; }
#deporte { background: url(images/menu/deportes.gif); width:150px; }
#deporte:hover { background: url(images/menu/deportes.gif) -150px 0 !important; }
#deporte.active { background: url(images/menu/deportes.gif) -150px 0; }
#arte { background: url(images/menu/arte.gif); width:150px; }
#arte:hover { background: url(images/menu/arte.gif) -150px 0 !important; }
#arte.active { background: url(images/menu/arte.gif) -150px 0; }
#salud { background: url(images/menu/salud.gif); width:150px; }
#salud:hover { background: url(images/menu/salud.gif) -150px 0 !important; }
#salud.active { background: url(images/menu/salud.gif) -150px 0; }
#beneficios { background: url(images/menu/beneficios.gif); width:150px; }
#beneficios:hover { background: url(images/menu/beneficios.gif) -150px 0 !important; }
#beneficios.active { background: url(images/menu/beneficios.gif) -150px 0; }
#galerias { background: url(images/menu/galerias.gif); width: 150px; }
#galerias:hover { background: url(images/menu/galerias.gif) -150px 0 !important; }
#galerias.active { background: url(images/menu/galerias.gif) -150px 0; }

#main_nav:hover li a#portada { background-position: -300px; }
#main_nav:hover li a#deporte { background-position: -300px; }
#main_nav:hover li a#arte { background-position: -300px; }
#main_nav:hover li a#salud { background-position: -300px; }
#main_nav:hover li a#beneficios { background-position: -300px; }
#main_nav:hover li a#galerias { background-position: -300px; }

/*************************************************************
CONTENIDOS
*****************************************************************/

#contenidos{ float:left; width:900px; margin:0 0 10px 0; padding:0;}
/***********************************
VINCULOS
**************************************/
#vinculos{width:250px; margin:10px 5px 10px 0;float:left;}
#vinculos a{ text-decoration:none; }

.destacados{margin:5px; padding:10px; border-left: 2px solid #237dae; background:#fff; 	text-align:center;}
.destacados img, .destacados img a{ border:none; margin-top:5px auto 5px auto;}

.sidebar{ margin:5px; padding:10px; border-left: 2px solid #237dae; text-align:left; }
.sidebar ul{ list-style-type:none; margin: 0; padding: 0 10px 0 10px; }
.sidebar ul li{ padding: 2px 0 3px 0; }
.sidebar h2{ font-size:16px; color:#237dae; clear:both; }
.sidebar a{color:#333; text-decoration:none;} 
.sidebar a:hover {color:#fff; text-decoration:underline; background-color:#237dae; padding:2px 2px 2px 8px;}


/**********************************
NOTICIAS
************************************/
#noticias{
width:580px;
margin:20px 10px 10px 5px;
float:right;
}

#noticias h1{
	font-size:16px;
	color:#237dae;
	clear:both;
}

#noticias img{
	float:left;
	padding:0 5px 5px 0;
	border:none;
}

#noticias h5{
	color:#c2c2c2;
	font-size:12px;
	font-weight:normal;
}
.articulo{
	padding-bottom:10px;
}

h2 a:link, h2 a:visited{color:#237dae; font-size:14px;font-weight:normal; text-decoration:none;}
h2 a:hover, h2 a:active;{text-decoration:underline;}

.articulo p{line-height:16px; color:c2c2c2;}

.articulo p a:link, .articulo p a:visited{color:#333; border:1px solid #f5f5f5; background-color:#f1f1f1; padding:2px; text-decoration:none;}
.articulo p a:hover, .articulo p a:active{color:#fff; border:1px solid #f5f5f5; background-color:#237dae; padding:2px; text-decoration:none;}

.articulo h5{color:#c2c2c2; font-size:12px; font-weight:normal;}
.articulo h5 a:link, .articulo h5 a:visited{color:#c2c2c2; text-decoration:none;}
.articulo h5 a:hover, .articulo h5 a:active{color:#c2c2c2; text-decoration:underline;}

/*******************************************
CONTENIDO PÁGINAS
**********************************************/
#pagina{
	width:880px;
	margin:20px 10px 5px 10px;
	float:right;
}

.wp-polls{width:200px; border:none;}

#pagina h2{
	color:#237dae;
	font:16px bold;
	text-decoration:none;
	padding:10px 0 0 0;
}

#pagina p{
	font-size:12px;
	font-weight:normal;
	color:#333;
	padding:5px 0 10px 0;
}

#pagina img, #pagina img a{
	border:none;
	float:right;
	padding:10px;
	border:#237dae solid 1px;
	text-align:right;
}

.contenido_pagina{
	width:580px;
	float:right;
	margin:0 10px 10px 10px;
}

.articulo_pagina{
	line-height: 18px;
	margin:10px;
	padding:10px;
}

.articulo_pagina p a:link, .articulo_pagina p a:visited{color:#333; border:1px solid #f5f5f5; background-color:#f1f1f1; padding:2px; text-decoration:none;}
.articulo_pagina p a:hover, .articulo_pagina p a:active{color:#fff; border:1px solid #f5f5f5; background-color:#237dae; padding:2px; text-decoration:none;}

.texto ul li{ list-style:disc;}
.nextpage a{ padding:5px; background:#237dae; color:#fff; text-decoration:none;}

/****************************************
SIDEBAR EN PÁGINAS
******************************************/
.post-meta-sidebar{ width:250px; float:left; border-left: 2px solid #237dae; background:#f1f1f1; text-align:left; margin:5px; padding:5px; }
.post-meta-key{	color:#237dae; font-size:16px; 	text-decoration:none;}
.post-meta a{color:#333; text-decoration:none;}
.post-meta a:hover{color:#fff; text-decoration:none; background-color:#237dae; padding:2px 2px 2px 8px;}
.post-meta{list-style-type:none;}
.post-meta ul{list-style-type:none;margin: 0;padding:0;}
.post-meta li{ padding: 2px 0 3px 0;}


/***************************************
PIE
****************************************/


#pie{clear:both; width:880px; background:#111111; margin:30px 0 10px 0; padding:50px 10px 10px 10px;}
#pie h4{ color:#d7d7d7; font-size:11px; line-height:15px; }
#pie a:link, #pie a:visited{ text-decoration: underline; color: #237dae; font-size:11px;}
#pie a:hover, #pie a:active{ text-decoration: none; font-size:11px;}
#search{ width:250px; height:20px; color:#f5f5f5; font-size:12px; margin:5px 0 0 0; }
#search input{ border:0;color:#f5f5f5; }
#search input#s{ width:170px; height:14px; background:#333;color:#f5f5f5;}
#search input#searchsubmit{ width:60px; height:15px; background:#333; cursor:pointer; font-size:10px; font-weight:normal; color:#f5f5f5;}


/************************************************
ESTILO PÁGINA BENEFICIOS
**************************************************/

.accordion { width:550px; text-align:left; margin-left:-20px; font-size:12px;}
.accordion ul{margin:0;, padding:0;}
.accordion h3 {	background: url(images/arrow-square.gif) no-repeat right -51px; padding: 7px 7px; font-size:12px; margin: 0; cursor: pointer; border-bottom:1px solid #e2e9ef; }
.accordion h3:hover {background-color: #f9f9f9; font-size:12px;}
.accordion h3.active {background-position: right 5px; font-size:12px;}
.accordion p { background: #fff; margin:0; padding: 10px 15px 20px 10px; border:0; line-height:18px;}