/**
 * Estilos para la plantilla UCO-third
 * Fecha de creación: 11/03/2011
 * Última modificación: 28/03/2011
 */

/**
 * Log de Cambios:
 * 11/03/2011: Creación. Definición del grid y el layaout. Definición de los estilos
 * principales(imágenes de fondo, tipo de letra, tamaños, etc)
 * 28/3/2011: Ordenación de todos los estilos y adaptación a Google Chrome
 * 5/4/2011: Comienzo de las pruebas y modificaciones para el portal del Servicio de Comunicaciones
 * en explotación. También modfificaciones sobre el aspecto de advanced_search
 */

/*
TABLA DE CONTENIDOS

01 ESTILOS GENERALES
02 GRID
03 COLUMNA MENU
04 COLUMNA CONTENIDO
05 CABECERAS (dentro de la columna de contenido)
06 LISTAS (dentro de la columna de contenido)
07 ENLACES (dentro de la columna de contenido)
08 PIE DE LA PAGINA  
09 ESTILOS PARA JOOMLA
10 ESTILOS PARA EL COMPONENTE K2 DE JOOMLA 
11 OTROS ESTILOS

*/

/*
 * *******************************
 * 01 ESTILOS GENERALES
 * *******************************
 */

body {
    /*
background: url("../img/bg/body_bg.jpg") repeat scroll 0 0 transparent;
*/
	background-color:#DBE0E1;
    color: #333333;
	font:12px/1.3 Verdana, Arial,FreeSans,sans-serif;
}

a:focus{outline:1px dotted invert}

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}

h1{font-size:25px}

h2{font-size:23px}

h3{font-size:21px}

h4{font-size:19px}

h5{font-size:17px}

h6{font-size:15px}

ol{list-style:decimal}

ul{list-style:square}

li{margin-left:30px}

a{
	/*color: #333;*/
    color: #727578;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.clear {
	clear:both;
} 

/*
 * *******************************
 * 02 GRID
 * *******************************
 */

div.wrapper {
	width:100%;
}

/* - */
#main {
	width:960px;
	margin:0px auto;
	background: url("../img/bg/content_bg.png") repeat-y scroll 0 0 transparent;	
}

/* -- */
div.left {
	float:left;
	width:245px;
	margin-left:5px;	
}

/* -- */
div.right {
	float:right;
	width:705px;
	margin-right:5px;
}

/* -- */
#footer{
	margin-right:5px;
	margin-left:250px; 
	background-color: #ecefeb; 
	text-transform: uppercase; 
	border-top: solid 1px #989da1; 
	padding: 10px 0px 14px 20px; 
}

/* - */
#footer_shadow{
	background: url('../img/bg/foot_shadow.png') repeat-x;
	margin:0px auto;
	height: 20px;
	width: 956px;
}

/*
 * *******************************
 * 03 COLUMNA MENU
 * *******************************
 */
#logo {
    margin-bottom: 55px;
    padding-left: 26px;
    padding-top: 54px;
}

#main-menu > div {
	width:220px;
	margin:10px auto;
}
/* Para módulos Jevents */
#events > div {
	margin-bottom:10px;
	position:relative; 
	left:20%;
}
#events > table {
	width:90%;
	margin:10px;
	font-size: 11px;
}
div.left ul{
	list-style: none;
}

div.left ul li{
	margin-left: 26px;
	margin-bottom: 1px;
}

/* Menu principal 
-------------------------------*/
div.left ul.menu_left a {
	text-decoration:none;
	font-size:0.9em;
}

div.left ul.menu_left li {
	margin:0px 40px 0px 0px;
}

div.left ul.menu_left > li > a span {
	display:block;	
    background: url("../img/bg/h3_bg.jpg") no-repeat scroll 100% 0 #DCD9C8;
    color: #727578;
    font-family: Arial,FreeSans,sans-serif;
    font-size: 13px;
    margin-bottom: 5px;
    padding: 2px 0 2px 26px;    
	font-weight:bold;
	line-height:1.1em;
}

div.left ul.menu_left > li > a span:hover {
	color:#000000;
}

div.left ul.menu_left li.parent li  {
	display:block;
	margin-left:26px;
	margin-right:25px;
	margin-bottom:2px;
	color: #333333;
}

div.left ul.menu_left li.parent li > a span {
	color: #333333;
	line-height:1.1em;

}

div.left ul.menu_left li.parent li > a span:hover {
	border-bottom: 1px solid #333333;
}



/*
 * *******************************
 * 04 COLUMNA CONTENIDO
 * *******************************
 */

/* Grid en la columna de contenido
-------------------------------*/
#picture {
	background: url("../img/bg/portal_bg.jpg") no-repeat scroll 0 0 transparent;	
/*
	height:214px;
*/
	height:139px;

}

#picture ul li{
    margin:0px;
    padding:0px;
}

div.title {
	padding: 2px 20px;
	background-color: #999DA1;
    color: #FFFFFF;
    font-family: Arial,FreeSans,sans-serif;
    font-size: 26px;
    letter-spacing: 1px;
	font-weight:bold;
}

#content {
	padding:20px;
	line-height:1.2em;
	/* cambiado por j.cuadrado 4-may-11 , anteriormente line-height:1.2em *****
*/
}

#content-top {
    padding:10px;    
}

/*
 * *******************************
 * 05 CABECERAS (dentro de la columna de contenido)
 * *******************************
 */

div.right h1{
	font-size: 18px;
	line-height:1.1em;
	color: #454545;
	margin: 15px 0px 5px 0px;
	padding:5px 0px;
	font-family: Arial,FreeSans,sans-serif;	
}
	
div.right h2{
	font-size: 15px;
	color: #636363;
	background: url('../img/bg/h2_bg.jpg') #edebe3 100% 0 no-repeat;
	padding: 3px 0px 4px 2px;
	margin: 15px 0px 5px 0px;
	font-family: Arial,FreeSans,sans-serif;
}

div.right h3{
	font-size: 13px;
	color: #727578;
	background: url('../img/bg/h3_bg.jpg') #dcd9c8 100% 0 no-repeat;
	padding: 3px 0px 3px 2px;
	margin: 15px 0px 5px 0px;
	font-family: Arial,FreeSans,sans-serif;
}

div.right h4{
	font-size: 13px;
	color: #000000;
	padding: 10px 0px;
	margin: 10px 0px;
	border-bottom:1px solid #000000;
	font-family: Arial,FreeSans,sans-serif;
}

div.right h5{
	font-size: 13px;
	color: #727578;
	padding: 10px 0px;
	margin: 10px 0px;
	border-bottom:1px solid #727578;
	font-family: Arial,FreeSans,sans-serif;
}

div.right h6{
	font-size: 13px;
	color: #000000;
	padding: 10px 0px;
	margin: 10px 0px;
	font-family: Arial,FreeSans,sans-serif;
}

/*
 * *******************************
 * 06 LISTAS (dentro de la columna de contenido)
 * *******************************
 */

/* Oculta los enlaces "¿olvido su contraseña?", etc en los
   formularios de acceso
-------------------------------*/
form#com-form-login ul {
    display:none;    
}

div.right ul {
	list-style:square;
	margin-left:1.1em;
}

div.right ul ul {
	list-style:circle;
	margin:0.5em 0 0.5em 1.1em;
}

div.right ul ul ul {
	list-style:disc;
}

div.right ol {
	margin-left:1.1em;
	list-style:decimal;
}

div.right ol ol {
	margin:0.5em 0 0.5em 1.1em;
}

div.right ol ul {
	margin:0.5em 0 0.5em 1.1em;
}

div.right ul ol {
	margin:0.5em 0 0.5em 1.1em;
}

/*
 * *******************************
 * 07 OTROS (dentro de la columna de contenido)
 * *******************************
 */

div.right a {
	font-weight:bold;
}

div.right p {
	text-align:justify;
	margin-bottom:5px;
}

/*
 * *******************************
 * 08 PIE DE LA PAGINA
 * *******************************
 */

#footer span{ padding-right: 18px; }
#footer span.last{ padding-right: 0px; }
#footer span.last a img{ vertical-align: middle; }

#footer input{ 
	width: 143px; 
	border: solid 1px #d0d6d0; 
	height: 16px; 
}

/*
 * *******************************
 * 09 ESTILOS PARA JOOMLA
 * *******************************
 */

span.article_separator {
	display:block;
	width:100%;
	border-bottom:1px solid #EDEBE3;
	margin:5px 0px;
}

table.contentpaneopen, 
table.contentpaneopen > tbody {
	display:block;
	margin:0px auto;
}

table.contentpaneopen > tbody > tr {
	display:block;
	margin-left:0px;
	margin-right:auto;
	margin-top:8px;
	margin-bottom:8px;
}

table.contentpaneopen > tbody > tr {
	display:block;
	margin-left:0px;
	margin-right:auto;
	margin-top:8px;
	margin-bottom:8px;
}

td.contentheading {
	/* cambiado por j.cuadrado 10-may-11 , anteriormente era line-height:1.2em *****
*/
	line-height:0.8em;
	font-size:2.6em;
	font-weight:bold;
	font-family: Arial,FreeSans,sans-serif;
	color:#999DA1;
	border-bottom:3px solid #999DA1;
	margin-bottom:10px;
	padding-bottom:5px;
        padding-right: 4px;
	text-align:justify;
}

a.contentpagetitle {
	text-decoration:none;
	/* cambiado por j.cuadrado 5-may-11 , anteriormente no existia font-size  *****
*/
	font-size:0.6em;
}

a.contentpagetitle:hover {
	color:#000000;
}

span.content_rating,
span.content_vote {
	display:block;
	margin:5px 0px 5px 0px;
}

span.content_vote input.button {
	border:none #DCD9C8 #DCD9C8 none;
	background-color:#999DA1;
	color:white;
	font-weight:bold;
}

div.componentheading {
/* cambiado por j.cuadrado 5-may-11 , anteriormente font-size:2.2em  border-bottom:3px dotted #999DA1;  *****
*/
	font-size:2.6em;
	line-height:1.2em;
	font-weight:bold;
	font-family: Arial,FreeSans,sans-serif;
	color:#999DA1;
	border-bottom:3px solid #999DA1;
	margin-bottom:10px;
	padding-bottom:5px;
	text-align:justify;
}

.article_column {
	padding-right:15px;
}

.createdate {
	font-weight:bold;
	display:block;
	padding-bottom:5px;
	border-bottom:2px dotted #EDEBE3;
}
.modifydate {
	font-weight:bold;
}

table.blog {
	width:100%;
}

div.blog_more{
	font-family: Arial,FreeSans,sans-serif;
	margin:10px 0px;
	padding:20px;
	background-color:#F5F3EE;
	border:1px solid #DCD9C8;
}

div.blog_more strong{
	font-size:1.4em;
	line-height:1.5em;
}

div.blog_more ul {
	list-style:circle;
}

div.blog_more li.blogsection {
	font-size:1.3em;
}

table.pagenav {
	margin-top:10px;
}

.sectiontableheader {
	height:30px;
	vertical-align:middle;
}

.sectiontableentry1,
.sectiontableentry2 {
	height:20px;
}

.sectiontableentry1 td:nth-child(1),
.sectiontableentry2 td:nth-child(1) {
	width:40px;
	text-align:left;
}

.sectiontableentry1 {
	background-color:#FFFFFF;
}

.sectiontableentry2 {
	background-color:#c4c9cf;
}

.sectiontableentry1 td {
	vertical-align:middle;
}

.sectiontableentry2 td {
	vertical-align:middle;
}

.contentdescription {
	display:block;
	margin:10px 0px;
}

/*
 * *******************************
 * 10 ESTILOS PARA EL COMPONENTE K2 DE JOOMLA
 * *******************************
 */

div.left div.k2CalendarBlock {
	height:150px;
}

div.left div.k2CalendarBlock table.calendar {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
    color: #000000;
    cursor: default;
    font-family: arial,verdana,sans-serif;
    font-size: 11px;
}

div.k2UserBlock {
	font-family: Arial,FreeSans,sans-serif;	
	border:1px solid #CCCCCC;
	padding:5px;
} 

.k2UserBlock  .button {
	border:none #DCD9C8 #DCD9C8 none;
	background-color:#999DA1;
	color:white;
	font-weight:bold;	
}

div.k2TagCloudBlock a:hover {
	background-color:#999DA1;
	color:#FFFFFF;
} 

div.k2ItemsBlock ul li {
	margin-left:0px;
	background-color:#F5F3EE;
}

div.itemView .itemHeader .itemToolbar,
div.itemView .itemRelated h3 {
	background-color:#F5F3EE;
    background-image:none;
}

div.itemView .itemHeader h2.itemTitle a:hover {
	text-decoration:none;
	color:#000000;
}

div.itemAuthorBlock {
	background-color:#F5F3EE;
}

div.itemAuthorBlock .itemAuthorDetails h3 {
	background:none;
}

div.itemAuthorLatest h3 {
	background:none;
}

div.itemAuthorLatest li.even {
	background-color:#F5F3EE;
}

div.itemComments {
	background-color:#F5F3EE;
}

div.itemComments .itemCommentsForm h3 {
	background:none;
}

div.itemListView .itemList #itemListLeading .itemContainer h3.catItemTitle,
div.itemView .itemHeader h2.itemTitle,
div.genericView .genericItemList .frontpageItemHeader .frontpageItemTitle h2 {
	font-family: Arial,FreeSans,sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 15px;
	background:none;
	color: #333333;
	text-align:justify;	
}

div.itemListView .itemList #itemListLeading .itemContainer h3.catItemTitle a:hover,
div.itemView .itemHeader h2.itemTitle a:hover,
div.genericView .genericItemList .frontpageItemHeader .frontpageItemTitle h2 a:hover,
div.genericView .genericItemList .frontpageItemHeader .T10a h2 a:hover  {
	text-decoration:none;
	color:#000000;
}

div.genericView .genericItemList .genericItemHeader h3.genericItemTitle {
	background:none;
	margin:5px 0px 5px 10px;
	list-style:circle;
	display:list-item;
}

div.itemListView .itemListCategoriesBlock .itemListCategory,
div.itemListView .itemListCategoriesBlock .itemListSubCategories .subCategoryContainer .subCategory {
	background-color:#F5F3EE;
}

div.itemListView .itemListCategoriesBlock .itemListCategory h2,
div.itemListView .itemListCategoriesBlock .itemListSubCategories h3,
div.itemListView .itemListCategoriesBlock .itemListSubCategories .subCategoryContainer .subCategory h2 {
	background:none;
}

div.itemListView .itemListCategoriesBlock .itemListSubCategories .subCategoryContainer .subCategory h2 a:hover {
	text-decoration:none;
	color:#000000;
}

div.itemNavigation {
	background-color:#F5F3EE;
}

div.itemListView .itemList #itemListLinks {
	background-color: #F5F3EE;
    border: 1px solid #DCD9C8;
    font-family: Arial,FreeSans,sans-serif;
    margin: 10px 0;
    padding: 20px;
}

div.itemListView .itemList #itemListLinks h4 {
	font-size: 1.4em;
	border:none;
	padding:0px;
	margin:0px;
}

div.itemListView .itemList #itemListLinks .itemContainer h3.catItemTitle{
	margin:0px;
	background:none;
	display:list-item;
	list-style:circle;
	margin-left:10px;
}

/*
 * *******************************
 * 11 OTROS ESTILOS
 * *******************************
 */

#google_translate_element span  {
    display:block;
}
#com-form-login .input {
    margin-bottom: 10px;                                                         
}