/**
 * Esta hoja de estilo guarda la información comun a la maquetación global
 * del Portal de CECALE.
 * Desde esta hoja de estilo se incluyen los estilos correspondientes al 
 * resto de elementos y/o areas que componen el diseno global.
 *
 * @author Divisa Informatica y Telecomunicaciones S.A.
 * @since Proxia Portal Server 5.5
 * @copy  2008
 */

/** INICIO ESTILOS GLOBALES **/
@import url('main.css');   /* Estilos de la pagina principal */
@import url('areas.css'); /* Zonas de pantalla */
@import url('banners.css'); /* Banners */
@import url('boxes.css');   /* Estilos para el componente de enlace a contenido */
@import url('../javaScript/calendar/calendar-blue.css');   /* Estilos para el selector de fechas */
@import url('cm-estilo.css'); /* Estilos para elementos generados por proxia */
@import url('contents.css'); /* Contenidos */
@import url('faq.css'); /* Estilos para las faqs */
@import url('forum.css'); /* Estilos para los foros */
@import url('mail.css');    /* Estilos para el formulario de correo */
@import url('MenuCSS.css'); /* Estilos genéricos para los menus */
@import url('menus.css'); /* Estilos personalizados para los menus de cecale */
@import url('modelos_xsl.css'); /* Estilos especificos de modelos (Solamente los estilos que estan en las plantillas) */
@import url('navegacion.css'); /* Estilos generales de navegacion (Subcontenidos busquedas, paginacion, etc.) */
@import url('popup.css');       /* Estilos generales de PopUp */
@import url('searcher.css'); /* Estilos de busquedas */
@import url('webmap.css');  /* Estilos de web map */

/** los estilos de impresion lo ultimo */
@import url('printContent.css');

/* reseteo general de los elementos */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

ol {
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}

OL LI {
	vertical-align: top;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/**
 * Estilo general de los distintos elementos globales del sistema, cuerpo,
 * controles de formulario, celdas y cabeceras, etc.
 */

/**
 * Elementos generales
 */

BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6875em; 
	line-height: 1.4em;
	background-color: #fff;
	color: #484848;
}

A {
	text-decoration: none;
	color: #165788;
}
A:active {
	text-decoration: underline;
}
A:hover {
	text-decoration: underline;
}

A SPAN {
	cursor: pointer;	
}

BLOCKQUOTE {
	padding-left: 1.5em;
}

P{
	margin: 0.6em 0;
	padding: 0;
}

H1{
	border-bottom: 1px solid #dce8ef;
	margin: 0 0 0.15em 0;
	padding: 0 0 0.75em 0;
	font: 1.35em Verdana, Geneva, sans-serif;
	color: #165788;
}

H2{
	border-bottom: 1px solid #dce8ef;
	margin: 0 0 0.15em 0;
	padding: 0 0 0.75em 0;
	font: bold 1.35em Verdana, Geneva, sans-serif;
	color: #165788;
}

H3{
	margin: 1em 0 0.5em 0;
	padding: 0;
	font: 1.0909em Verdana, Geneva, sans-serif;
	color: #165788;
}

H4{
	margin: 1em 0 0.5em 0;
	padding: 0;
	font: bold 1em Verdana, Geneva, sans-serif;
	color: #165788;
}

H5{
	margin: 0 0 0.5em 0;
	padding: 0;
	font: 1em Verdana, Geneva, sans-serif;
	color: #165788;
}

H6{
	margin: 0 0 0.5em 0;
	padding: 0;
	font: 0.9090em Verdana, Geneva, sans-serif;
	color: #165788;
}

/**
 * Estilos para formularios en general.
 */
LABEL {
	font: 1em Verdana, Geneva, sans-serif;
	color: #494949;
	vertical-align: middle;
}

INPUT {
	font: 1em Arial, Helvetica, sans-serif;
	border: 1px solid #a7c6e2;
	background-color: #f1f6fa;
}

BODY FORM INPUT.checkbox {
	width: auto;
	height: auto;
	border: none;
	background: none;
	margin-top: 0;
	margin-bottom: 0;
}

BODY FORM INPUT.radio {
	width: auto;
	height: auto;
	border: none;
	background: none;
	margin-top: 0;
	margin-bottom: 0;
}

INPUT[type="password"] {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

INPUT[type="submit"] {
	cursor: pointer;	
}

SELECT {
	font: 1em Arial, Helvetica, sans-serif;
	border: 1px solid #a7c6e2;
	background-color: #f1f6fa;
}

TEXTAREA {
	font: 1em Arial, Helvetica, sans-serif;
	border: 1px solid #a7c6e2;
	background-color: #f1f6fa;
}

BUTTON {
	font: 1em Arial, Helvetica, sans-serif;
	cursor: pointer;
}

BUTTON.resetButton { /* limpiados los estilos */
	overflow: visible;
	width: auto;
	height: auto;
	border: none;
	padding: 0;
	font-size: 1em;
	background: none;
}

BUTTON.resetButton[type] { /* para todos salvo ie */
	margin-top: -0.1em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* para safari */
    BUTTON.resetButton[type] {
		margin-top: -0.2em;
	}
}

LEGEND {
	width: 99.2%;
	padding: 0 0 0.18em 0;
	border-bottom: 1px solid #0083be;
	margin: 0;
	font: bold 1em Verdana, Geneva, sans-serif;
	color: #0083be;
	text-indent: 0;
}

/**
 * Estilos de lista
 */
OL {
	overflow: hidden;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	list-style-type: decimal;
}

OL > LI {
	overflow: visible;
	text-indent: 0;	
	background: none;
}

UL {
	margin: 0.6em 0;
}

UL > LI {
	overflow: hidden;
	margin: 0 0 0.4em 0;
	text-indent: 0.7272em;
	background: url(../imagenes/fondos/bullet21.gif) no-repeat 0 0.6em;
}


/**
 * Clases de uso general
 */
.uppercase {
	text-transform: uppercase;	
}

.lowercase {
	text-transform: lowercase;	
}
 
DIV.separator {
	height: 1em;
	min-height: 1em;
}

.block {
	display: block;	
}

.clr {
	clear: both;	
}

.inline {
	display: inline;	
}


.hide {
	position:absolute;
	left:-9999px;
	overflow:hidden;	
}

.clearfix:after { 
	content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#overDiv {
	position: absolute; 
	left: 0; 
	top: 0; 
	visibility: hidden; 
	z-index: 1000;	
}

/* FIN ESTILOS GLOBALES */

/* ESTILOS PARA error.html Y forbidden.html */
.pageError {
	width: 80%;
	border: 1px solid #175888;
	margin: 1em auto;
	padding: 1.45em 1.8em 1.8em 1.55em;
	background-color: #dbe7ef;
}

.pageErrorMain {
	margin: 2em;
	font-size: 1.0909em;
}

.pageError .errorHeader {
	padding: 0 0 0.5em 0;
}

.pageError H3 {
	margin: 0 0 2em 0;
	font-weight: bold;	
}

/* FIN ESTILOS PARA error.html Y forbidden.html */

/** ESTILOS datos de usuario **/
.userData {
	border: 1px solid #5788a9;	
	background-color: #3c739c;
	padding-right: 0.6363em;
}

.userData .userDataIntro {
	float: left;
	border: 1px solid #034e77;
	margin: 0;
	padding: 0.5454em 0.9090em 0.4545em 3em;
	background: #004c75 url(../imagenes/fondos/bg-userDataIntro.gif) no-repeat 0.45em 50%;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.userData .userDataName {
	float: left;
	padding: 0.583em 0 0.5em 0.833em;
	font-size: 1.0909em;
	color: #fff;
}

.userData .userDataName STRONG {
	color: #77cbf1;
	font-weight: normal;
}

.userData .userDataName .userName {
	margin-left: 0.583em;
	font-weight: bold;	
}

.userData .userDataActions {
	float: right;	
	margin: 0.5em 0;
	font-size: 0.9090em;
}

.userData .userDataActions LI {
	float: left;
	min-height: 1.4em;
	height: auto!important;
	height: auto;
	border: 1px solid #8ab0cc;
	margin: 0 0 0 0.7em;
	padding: 0.1em 0.8em;
	background: #c5d5e0;
	text-indent: 0;
	line-height: 1.4em;
}

.userData .userDataActions LI A {
	color: #004c75;	
}

.userData .userDataActions LI A.editUserData {
	display: block;
	padding-left: 2em;
	background: url(../imagenes/fondos/ico-editar.gif) no-repeat 0 0;
}

.userData .userDataActions LI A.closeSession {
	display: block;
	padding-left: 1.7em;
	background: url(../imagenes/fondos/ico-cerrar.gif) no-repeat left center;
}


/** FIN ESTILOS datos de usuario **/

/** ESTILOS formulario de login **/
DIV.authForm {
	margin: 3.2em 0 0 0;
	border: 1px solid #175888;
	padding: 1.45em 1.8em 1.8em 1.55em;
	background-color: #dbe7ef;
	font-family: Verdana, Geneva, sans-serif;
}

DIV.authForm P.loginInfo {
	margin-bottom: 1em;
}

DIV.authForm FORM LEGEND, DIV.authForm FORM LEGEND SPAN {
	position:absolute;
	left:-9999px;
	overflow:hidden;
}

DIV.authForm FORM DIV.loginField  {
	padding-bottom: 0.8em;	
}

DIV.authForm FORM DIV.loginField LABEL {
	display: block;
	padding-bottom: 0.3em;
	font-weight: bold;
}

DIV.authForm FORM DIV.loginField INPUT {
	width: 26.1818em;
	padding: 0.1818em 0.1818em;
}

/* los botones del formulario */
DIV.authForm FORM DIV.divBottom {
	padding-top: 1em;	
	padding-left: 14.35em;
}

DIV.authForm FORM DIV.divBottom BUTTON {
	width: 12.2727em;
	height: 1.8181em;
	border: none;
	padding: 0 0 0 2.25em;
	font-weight: bold;
	text-align: left;
	background: #0083be url(../imagenes/fondos/bullet05.gif) no-repeat 1em center;
	color: #fff;
	cursor: pointer;
}
/** FIN ESTILOS formulario de login **/

/*** encuestas ***/
.encuesta .encuestaItem {	
	margin: 0.8333em 0;
	padding: 0 0 1.54em 0;
	border-top: 1px solid #0083be;
	border-bottom: 1px solid #0083be;
	background: #fff url(../imagenes/fondos/bg-encuestas.gif) repeat-x bottom left;
}

.encuesta .titleSurvey {
	margin: 0 0 .75em 0;
	padding: 0.666em 0 0.5em 1.583em;
	background: #e4e4e4;
	color: #515151;
	font-size: 1.0909em;
}

.encuesta .titleSurvey H2 {
	margin: 0 0 0 0;
	padding: 0;
	font: bold 1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #515151;
}

.encuesta .dataSurveys { /* contiene el titulo y las opciones de la encuesta */
	margin: 0 1.909em;
}

.encuesta .questionSurvey {
	margin: 0 0 0 -0.45em;
	padding: 0 0 0 2.21em;
	font: bold 1.2727em Arial, Helvetica, sans-serif;
	color: #165788;
	background: transparent url(../imagenes/fondos/bg-encuestas-title.gif) no-repeat 0 0;
}

.encuesta .answersSurvey {
	margin: 1.5833em 0 0.75em 0;
	font-size: 1.0909em;
	color: #000;	
}

.encuesta .answerSurvey {
	border-bottom: 1px solid #e7ecf1;
	padding: 0.25em 0 0.166em 0.8333em;
}

.encuesta .answerSurvey.evenAnswer {
	background: #e7ecf1;
}

.encuesta .answerSurvey INPUT {
	margin: 0 0.666em 0 0;
	vertical-align: middle;
}

.encuesta .answerSurvey LABEL {
	color: #000;	
	vertical-align: middle;
}

.encuesta .buttonsSurvey {
	text-align: right;	
}

.encuesta .buttonsSurvey INPUT {
	border: 1px solid #aab3bc;
	margin: 0 0 0 0.909em;
	padding: 0.1818em 0.909em;
	color: #3a3f44;
	background: #e7ecf1;
	font-weight: bold;
}

.encuesta .dataSurvey { /* contiene el resultado de la encuesta */
	margin: 0 1.909em;
}

.encuesta .titleResultSurvey {
	font-size: 1.0909em;	
}

.encuesta .answer {
	margin: 0 0 0.5em 0;
	padding: 0.166em 0.8333em 0.0833em 0.833em;
	border: 1px solid #e7ecf1;
	font-size: 1.0909em;
	background: #f2f2f2;
	color: #000;
}

.encuesta .answer.evenResult {
	background-color: #eff5fa;	
}

.encuesta .answer .respond {
	float: left;
	width: 85%;
	font-weight: bold;
	background:  url(../imagenes/fondos/bullet20.gif) no-repeat 0 0.3em;
	text-indent: 1em;
}
.encuesta .answer .totalres {
	float: right;	
	width: 15%;
	text-align: right;
}

.encuesta .answer .result {
	float: left;
	width: 100%;
	margin: 0.166em 0;
	font-weight: bold;
}

.encuesta .answer .result .percent {
	float: right;
	width: 7%;
	text-align: right;
}

.encuesta .answer .resultGraphic {
	float: left;
	width: 93%;	
}

.encuesta .answer .result .graphic {
	float: left;
	margin-top: 0.166em;
	height: 1em;
	background: #d0d0d0;
}

.encuesta .answer.evenResult .result .graphic {
	background: #c6e3ff;
}

.encuesta .footSurvey {
	font-size: 1.0909em;	
}

/*** estilos generales para los formularios ***/
.formBasic {
	margin: 1.2em 0 0 0;
	border: 1px solid #175888;
	padding: 1.45em 1.8em 1.8em 1.55em;
	background-color: #dbe7ef;
}

.formBasic FIELDSET  {
	margin-bottom: 0.5em;	
}

.formBasic FORM LEGEND {
	margin-bottom: 0.5em;
}

.formField {
	width: 100%;
}

.formField.halfWidth {
	float: left;
	width: 49.9%;
}

.formLabel {
	padding-bottom: 0.3em;
}

.formLabel ABBR {
	margin-left: 0.3em;	
}

.formInput {
	padding-bottom: 0.8em;
}

.formInput INPUT {
	width: 26.1818em;
	height: 1.45em;
	padding: 0.1818em 0.1818em;	
}

.formInput SELECT {
	width: 26.7272em;
	padding: 0.1818em 0 0.1818em 0.1818em;
}

.formInput TEXTAREA {
	width: 26.1818em;
	padding: 0.1818em 0.1818em;
}

/* los botones del formulario */
.enterButton {
	padding-top: 1em;	
	text-align: right;
}

.wrapper .enterButton INPUT {
	width: 12.2727em;
	height: 1.8181em;
	border: none;
	padding: 0 0 0 2.25em;
	font-weight: bold;
	text-align: left;
	background: #0083be url(../imagenes/fondos/bullet05.gif) no-repeat 1em center;
	color: #fff;
	cursor: pointer;
}

.enterButton INPUT[type="reset"] {
	width: 11.0909em;
	height: 1.8181em;	
	padding: 0;
	text-align: center;
	background: #bdd7e4;
	color: #0083be;
}

/**** estilos formulario cambio de contrasenya ***/
DIV.personalInfo {
	margin: 0.5em 0 0 0;
	border: 1px solid #175888;
	padding: 1em 1.8em 1em 1.55em;
	background-color: #dbe7ef;
	font-family: Verdana, Geneva, sans-serif;
}

DIV.personalInfo FORM LEGEND, DIV.personalInfo FORM LEGEND SPAN {
	position:absolute;
	left:-9999px;
	overflow:hidden;
}

DIV.personalInfo FORM DIV.formField  {
	padding-bottom: 0.5em;	
}

DIV.personalInfo FORM DIV.formField LABEL {
	display: block;
	padding-bottom: 0.3em;
	font-weight: bold;
}

DIV.personalInfo FORM DIV.formField INPUT {
	width: 15.0909em;
	padding: 0 0.1818em;
}

/* los botones del formulario */
DIV.personalInfo FORM DIV.divBottom {
	clear: both;
	padding-top: 1em;	
}

DIV.personalInfo FORM DIV.divBottom BUTTON {
	float: right;
	width: 15em;
	height: 1.8181em;
	border: none;
	padding: 0 0 0 2.25em;
	font-weight: bold;
	text-align: left;
	background: #0083be url(../imagenes/fondos/bullet05.gif) no-repeat 1em center;
	color: #fff;
	cursor: pointer;
}