/*
***************************************************************************************************
		GENERAL
***************************************************************************************************
*/

* { padding: 0px; margin: 0px; }

h1 {
	color: #ffffff;
	font-size: 10px;
}

a img{
	border: none;
	outline: 0;
}



div.web{

	font-family:  verdana, sans-serif;
	font-size: 11px;
	width: 800px;
	padding-bottom: 10px;
	margin: 0 auto;
}

div.columna_medio{

	margin: 0 200px;
}

div.admin{

	width: 800px;
}

div.columna_contenido{

	margin: 0 0 0 200px;
	padding: 20px 20px 0px 20px;
	font-size: 12px;
}

div.columna_izquierda, div.columna_menu, div.columna_derecha{
	
	width: 200px;
}


div.columna_izquierda, div.columna_menu{

	float: left;
}

div.columna_derecha{

	float: right;
}

div.cabecera{

	margin-top: 15px;
	padding-top: 5px;
	width: 100%;
	clear: both;
}

div.pie{

	margin-top: 15px;
	padding-top: 5px;
	width: 100%;
	border-top: solid 1px #005c9d;
	clear: both;
}


.texto_centrado{

	text-align: center;
}

.path{

	font-family:  verdana, sans-serif;
	font-size: 10px;
	color: #005c9d;
}

.path_fin{

	font-family:  verdana, sans-serif;
	font-size: 10px;
	color: #000;
}

input.boton{

	border-bottom: solid 2px #6699CC;
	border-left: solid 2px #FFFFFF;
	border-right: solid 2px #6699CC;
	border-top: solid 2px #FFFFFF;
	width: 100px;
}

.atencion{
	color: #ed145a;
}

/*
***************************************************************************************************
		FIN GENERAL
***************************************************************************************************
*/

/*
***************************************************************************************************
		MENU
***************************************************************************************************
*/

ul.menu{ 

	width: 100%;
/*	height: 35px;*/

	height: 24px;

	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-weight: bold; 
	list-style-type: none; 
	margin: 10px 0px 10px 0px;

	background-color: #005c9d;
}

ul.menu li{

	display: block;
	float: left;
/*	margin: 8px 50px 8px 50px;*/

	margin: 3px 50px 3px 50px;

}

ul.menu li a, ul.menu li span{

	font-size: 12px;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 18px;
	padding: 0px 5px;
}

ul.menu li a{

	color: #FFFFFF;
}


ul.menu li span{ 

	color: #005c9d;
	background-color: #FFFFFF;
}


ul.menu li a:hover{

	color: #f7941d;
}

ul.menu li a:active, ul.menu li a:focus{

	outline: 0;
}

/*
***************************************************************************************************
		FIN MENU
***************************************************************************************************
*/


/*
***************************************************************************************************
	Texto en las 3 columnas
***************************************************************************************************
*/

/* Párrafo */
div.columna_medio p, div.columna_izquierda p, div.columna_derecha p{
	margin: 5px 5px 5px 5px;
}

/* Links <a> */
div.columna_medio a, div.columna_izquierda a, div.columna_derecha a{
	color: #1d50aa;
	text-decoration: none;
	font-weight: bold;
}

/* Links <a> con mouse encima de ellos */
div.columna_medio a:hover, div.columna_izquierda a:hover, div.columna_derecha a:hover{
	color: #1d50aa;
	text-decoration: underline;
	font-weight: bold;
}

/* Títulos <h1> */
div.columna_medio h1, div.columna_izquierda h1, div.columna_derecha h1{

	color: #f7941d;
	font-family:  verdana, sans-serif;
	font-size: 16px;
	margin: 0px 5px;
	border: solid 1px #d8d8d8;
	background-color: #FFFFFF;
}

/*
***************************************************************************************************
	FIN Texto en las 3 columnas
***************************************************************************************************
*/


/*
***************************************************************************************************
	Elementos de la calumna de la derecha (columna_derecha)
***************************************************************************************************
*/

/* Recuadro de la categoría */
div.columna_derecha div.categoria{

	border: solid 1px #d9d9d9;
	background-color: #f7f7f7;
	border-top: none;
	border-bottom: none;
	width: 189px;
	margin: 0px 4.5px 0px 4.5px;
}

/* Párrafo de la categoría*/
div.columna_derecha div.categoria p{

	margin: 5px 5px 0px 5px;
}

/* Imágen para redondear a la categoría (Arriba) */
div.columna_derecha div.categoria_top{

	background-image:url('szportal/imagenes/bg_categoria_top.png');
	background-repeat: no-repeat;	
	background-position: top center;
	width: 191px;
	height: 11px;
	margin: 0px 4.5px 0px 4.5px;
}

/* Imágen para redondear a la categoría (Abajo) */
div.columna_derecha div.categoria_bottom{

	background-image:url('szportal/imagenes/bg_categoria_bottom.png');
	background-repeat: no-repeat;	
	background-position: top center;
	width: 191px;
	height: 11px;
	margin: 0px 4.5px 10px 4.5px;
}

/*
***************************************************************************************************
	FIN Elementos de la calumna de la derecha (columna_derecha)
***************************************************************************************************
*/


/*
***************************************************************************************************
	Elementos de la calumna del medio (columna_medio)
***************************************************************************************************
*/

/* Recuadro del contenido */
div.columna_medio div.contenido{

	border: solid 1px #d9d9d9;
	background-color: #f7f7f7;
	border-top: none;
	border-bottom: none;
	width: 388px;
	min-height: 128px;
	margin: 0px 5px 0px 5px;
}

/* Imágen para redondear al contenido (Arriba) */
div.columna_medio div.contenido_top{

	background-image:url('szportal/imagenes/bg_contenido_top.png');
	margin: 10px 5px 0px 5px;
}

/* Imágen para redondear al contenido (Abajo) */
div.columna_medio div.contenido_bottom{

	background-image:url('szportal/imagenes/bg_contenido_bottom.png');
	margin: 0px 5px 10px 5px;
}

/* Imágen para redondear al contenido (Arriba y Abajo) */
div.columna_medio div.contenido_top, div.columna_medio div.contenido_bottom{

	background-repeat: no-repeat;	
	background-position: top center;
	width: 390px;
	height: 11px;
}


/* Párrafo del contenido*/
div.columna_medio div.contenido p{
	margin: 5px 5px 0px 5px;
}

/* Títulos <h1>*/
div.columna_medio div.contenido h1{

	color: #FFFFFF;
	font-family:  verdana, sans-serif;
	font-size: 16px;
	text-align: right;
	padding-right: 10px;
	border: none;
	background-color:#f7a70a;
}

/* Imagen que acompaña un título <h1> en contenido*/
div.columna_medio div.contenido img.img_titulo{

	width: 128px;
	height: 128px;
	float:left;
	margin: -5px 5px 0px 15px;
}

/* Colores de fondo para los títulos <h1> en contenido*/
div.columna_medio div.contenido h1.bg_color0{

	background-color: #f7a70a;
}

div.columna_medio div.contenido h1.bg_color1{

	background-color: #7bd478;
}

div.columna_medio div.contenido h1.bg_color2{

	background-color: #8faad7;
}

div.columna_medio div.contenido h1.bg_color3{

	background-color: #249df0;
}

/* --[TITULOS PARA GOOGLE]-- */
div.columna_medio div.contenido h1.bg_color0{

	background-color: #000000;
}

div.columna_medio div.contenido h1.bg_color1{

	background-color: #000000;
}

div.columna_medio div.contenido h1.bg_color2{

	background-color: #000000;
}

div.columna_medio div.contenido h1.bg_color3{

	background-color: #000000;
}
/* ------------------------- */




/*
***************************************************************************************************
	FIN Elementos de la calumna del medio (columna_medio)
***************************************************************************************************
*/

/*
***************************************************************************************************
	Elementos del Pie y Cabecera
***************************************************************************************************
*/

/* Links <a> del pie y cabecera*/
div.pie a, div.cabecera a{

	color: #1d50aa;
	text-decoration: none;
}

/* Links <a> con mouse encima de ellos del pie y cabecera */
div.pie a:hover, div.cabecera a:hover{

	color: #1d50aa;
	text-decoration: underline;
}

div.cabecera span.fecha{

	font-family:  verdana, sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	line-height : 14px;
	border-left: 1px solid #808080;
	color: rgb(246, 162, 11);
	padding: 0 0 0 5px;
}


div.pie ul.menu2, div.cabecera ul.menu2{

	list-style-type: none; 
}

div.pie ul.menu2 li, div.cabecera ul.menu2 li {

	display: inline;
}

div.pie ul.menu2 li a, div.cabecera ul.menu2 li a, div.pie ul.menu2 li span, div.cabecera ul.menu2 li span { 

	color: #1d50aa;
	text-decoration: none;
}


div.pie ul.menu2 li a:hover, div.cabecera ul.menu2 li a:hover { 

	color: #1d50aa;
	text-decoration: underline;
}

div.pie ul.menu2 li a:active, div.cabecera ul.menu2 li a:active, div.pie ul.menu2 li a:focus, div.cabecera ul.menu2 li a:focus{ 

	outline: 0;
}


/*
***************************************************************************************************
	FIN Elementos del Pie y Cabecera
***************************************************************************************************
*/

/*
***************************************************************************************************
	Buscar
***************************************************************************************************
*/

#layout-buscar {
	float: right;
	margin-top: 25px;
}

#layout-buscar .form-text{

	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	font-family: Arial;
	font-size: 11px;
}

#layout-buscar .portlet-form-button {

	border-color: #6699CC;
	border-style: solid;
	border-width: 1px;
	font-family: Arial;
	font-size: 10px;
}

/*
***************************************************************************************************
	FIN Buscar
***************************************************************************************************
*/

/*
***************************************************************************************************
	Estilo dentro de la columna contenido
***************************************************************************************************
*/

div.columna_contenido h1, div.columna_contenido h2, div.columna_contenido h3, div.columna_contenido h4,
div.columna_contenido h5, div.columna_contenido h6{
	
		color: #005c9d;
		margin: 3px 0px 7px 0px;
		line-height : 18px;
}

div.columna_contenido h1{

	font-size: 18px;
}

div.columna_contenido h2{

	font-size: 16px;
}

div.columna_contenido h3{

	font-size: 14px;
}

div.columna_contenido h4, div.columna_contenido h5, div.columna_contenido h6{

	font-size: 12px;
}

div.columna_contenido p{

	margin: 12px 0 12px 0;
}

div.columna_contenido a{

	color: #1d50aa;
	text-decoration: none;
}


div.columna_contenido a:hover{

	color: #1d50aa;
	text-decoration: underline;
}

div.columna_contenido .interesante{

	text-decoration: none;
}

div.columna_contenido .interesante:hover{

	text-decoration: underline;
}

div.columna_contenido ul{

	margin: 0px 15px;
}



div.columna_contenido .content td{

	font-family:  verdana, sans-serif;
	font-size: 12px;
	line-height : 16px;		
}

div.columna_contenido .QuoteBox{

	width: 200px;
	background: #EAF2FF;
	float: right;
	border-bottom: 10px solid #fff;
	border-left: 10px solid #fff;
}

div.columna_contenido .QuoteBox-big{

	background: #F1F1F1;
	border-bottom: 10px solid #fff;
	border-top: 5px solid #005C9D;
}

div.columna_contenido .QuoteBox p, div.columna_contenido .QuoteBox-big p{

	padding: 25px 25px 25px 25px;
	margin: 0px;
	color: #005c9d;
}

div.columna_contenido .QuoteBoxAuthor{

	margin: 0px;
	padding: 0px 25px 10px 25px;
	text-align: right;
	color: #005c9d;
}

div.columna_contenido .content img.team{

	border: 0px;
	margin: 65px 20px 0px 0px;
	float: left;
	width: 80px;
	vertical-align: text-top;
}

div.columna_contenido .content div.team{

	float: right;
	width: 460px;
	vertical-align: top;
	margin-bottom: 15px;
	padding: 0px;
}

div.columna_contenido .matrix td{

	background-color: #E9F1FA;
	padding: 4px 8px 4px 8px;
}

div.columna_contenido .matrix td.bull{

	text-align: center;
}

div.columna_contenido .matrix td.head{

	padding-top: 5px;
	vertical-align: bottom;
	background-color: white;
}  

div.columna_contenido .matrix td.head1{

	padding-top: 5px;
	vertical-align: bottom;
	background-color: white;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}

div.columna_contenido .matrix td.stub{

	background-color: white;
	white-space: nowrap;
}

div.columna_contenido .matrix font.font_color{
	font-weight: bold;
	color: #005c9d;
	font-size: 11px;
}

div.columna_contenido .matrix td.usual{

	font-weight: normal;
	font-size: 11px;
}


div.columna_contenido .promocion-especial{
	
	padding: 20px;
	color: #3F3F3F;
	background: #EAF2FF;
	font-family:  verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: -20px -20px 15px -20px;
}


/*
***************************************************************************************************
	FIN Estilo dentro de la columna contenido
***************************************************************************************************
*/


/*
***************************************************************************************************
	Estilo dentro de la columna menu
***************************************************************************************************
*/

div.columna_menu{

	font-family:  Arial;
	font-stretch: condensed;
	font-size: 13px;
	font-weight: 500;
	text-align: left;
	color: #000;
}

div.columna_menu a{
	
	color: #005C9D;
	text-decoration: none;
}

div.columna_menu a:hover{

	color: #515151;
	text-decoration: none;
}

div.columna_menu ul{ 

	list-style-type: none;
}

div.columna_menu ul li{ 

	margin: 8px 15px 8px 15px;
	border-bottom: 1px dotted #ccc;
}

/*
***************************************************************************************************
	FIN Estilo dentro de la columna menu
***************************************************************************************************
*/

/*
***************************************************************************************************
	Estilo dentro de la columna admin
***************************************************************************************************
*/

div.admin h1, div.admin h2, div.admin h3, div.admin h4,
div.admin h5, div.admin h6{
	
		color: #005c9d;
		margin: 3px 0px 7px 0px;
		line-height : 18px;
}

div.admin p{

	margin: 5px 5px 5px 5px;
}

div.admin .importante{

	font-size: 14px;
	font-weight: bold;
}

div.admin  a{

	color: #1d50aa;
	text-decoration: none;
	font-weight: normal;
}


div.admin  a:hover{

	color: #1d50aa;
	text-decoration: underline;
}

div.admin table{

	width: 100%;
	margin: 5px 0px 5px 0px;

}

div.admin table thead{

	background-color: #e0dff8;
}


div.admin table tbody tr.par{

	background-color: #d2d1e8;
}

div.admin table tbody tr.impar{

	background-color: #c1c0d7;
}


div.admin table.formulario tr{
	margin: 5px 0px;
}

div.admin table.formulario th{

	width: 45%;
	text-align: right;
	padding-right: 5px;
/*	background-color: #e0dff8;*/
}
div.admin table.formulario{

	background-color: #e9e8fa;
}

div.admin table.formulario input{
	margin: 2px 0px;
}

div.admin table.formulario input.largo{

	width: 400px;
}

div.admin table.formulario select.largo{

	width: 405px;
}

div.admin table.formulario textarea{
	width: 400px;
}

/*
***************************************************************************************************
	FIN Estilo dentro de la columna admin
***************************************************************************************************
*/


/*
***************************************************************************************************
	Agregado por Hernán
***************************************************************************************************
*/


/*
***************************************************************************************************
	GENERAL
***************************************************************************************************
*/

img{
	border: 0px;
}

a {
	outline: 0;
}

/*
***************************************************************************************************
	Texto en las 3 columnas
***************************************************************************************************
*/

div.columna_medio a h1, div.columna_izquierda a h1, div.columna_derecha a h1{
/*	text-decoration: underline;*/
	outline: 0;
}

div.columna_medio a:hover h1, div.columna_izquierda a:hover h1, div.columna_derecha a:hover h1{
/*	text-decoration: underline;*/
	color: #005c9d;
}

/*
***************************************************************************************************
	Estilo dentro de la columna contenido
***************************************************************************************************
*/


div.columna_medio div.contenido span.fecha{
	font-family:  verdana, sans-serif;
	float: right;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	line-height : 12px;
	color: rgb(126, 126, 126);
	padding: 0px 10px 0px 0px;

}



/*
***************************************************************************************************
	Estilo de la columna izquierda
***************************************************************************************************
*/

div.columna_izquierda span.fecha{
	font-family:  verdana, sans-serif;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	line-height : 12px;
	color: rgb(126, 126, 126);
	padding: 0px 0px 0px 5px;
}
