/**
 * Esta hoja de estilo guarda la informacion comun a la maquetacion global
 * del Portal de Juventud del Ayuntamiento de Mostoles.
 * 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  2009
 */

/** 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('corners.css'); /* esquinas redondeadas */
@import url('cm-estilo.css'); /* Estilos para elementos generados por proxia */
@import url('contents.css'); /* Contenidos */
@import url('faq.css'); /* Faqs */
@import url('forum.css'); /* Foros */
@import url('menus.css'); /* Estilos personalizados para los menus */
@import url('popup.css'); /* popups */
@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 */
/* 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, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* 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: #b84b18 url(../../imagenes/juventud/bg-body.gif) repeat-x 0 0;
	color: #553601;
	text-align: center;
}

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

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

DIV {
	-moz-box-sizing: padding-box;
	-webkit-box-sizing: padding-box;
	box-sizing: padding-box;
}

SPAN {
	-moz-box-sizing: padding-box;
	-webkit-box-sizing: padding-box;
	box-sizing: padding-box;
}

HR {
	border: none;
	width: 100%;
	height: 0.08em;
	background: #89574e;
}

BLOCKQUOTE {
	padding-left: 1.5em;
}
/**
 * Estilos para formularios en general.
 */ 
INPUT {
	border: 1px solid #ccc;
	font-size: 1em;
	padding: 0 0.166em;
}

BODY FORM INPUT.checkbox, BODY FORM INPUT.radio {
	border: none;
	background: none;
	width: auto;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

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

INPUT[readonly] {
	background: #f0f0f0;
}

SELECT {
	border: 1px solid #ccc;
	font-size: 1em;
}

TEXTAREA {
	border: 1px solid #ccc;
	font: 1em "Trebuchet MS",Helvetica,Arial,sans-serif;
	padding: 0.166em;
}

/**
 * Estilos de lista
 */
.currentContent OL {
	list-style: decimal;
	margin-left: 2em;
}

.currentContent OL LI {
	padding-left: 1em;
	padding-bottom: 0.333em;
}

.currentContent UL {
	list-style: square;
}

.currentContent UL LI {
	margin-left: 2em;
	padding-bottom: 0.333em;
	vertical-align: middle;
}

.currentContent LI OL, .currentContent LI UL {
	margin-top: 0.333em;
	margin-bottom: -0.333em;
}
/**
 * Clases de uso general
 */
.uppercase {
	text-transform: uppercase;	
}

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

.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;	
}

.okMessage {
	border: 1px solid #D7F0AB;
	margin: 1em;
	padding: 1em 0.5em;
	background: #F4FBE9;
}

.errorMessage {
	margin: 1em;
	padding: 1em 0.5em;
	background: #FDF7F7;
	border: 1px solid #F5E5E5;
}

.errorMessage .title {
	font-weight: bold;
}

/* FIN ESTILOS GLOBALES */

/*** Path de navegacion ***/
.navigationPath {
	padding-bottom: 0.2727em;
	border-bottom: 1px solid #d8d8d8;
	text-align: right;
	color: #808080;
}

.navigationPath A {
	color: #808080;	
}

/*** caja redondeada generica ***/
.roundedBox {
	position: relative;
	border: 3px solid #c0c0c0;
	/* bordes redondeados */
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 1.5em 0 0 0;
	background: #f8f5ea;
}

/*** formulario de contacto */
.cmContactFormDiv .errorMessage {
	margin: 1em 1.333em;
}

.cmContactFormDiv .okMessage {
	margin: 2em 1.333em;
}

.cmContactFormDiv FORM {
	margin: 1.333em;
}

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

.cmContactFormDiv INPUT {
	width: 33.333em;
	height: 1.333em;
}

.cmContactFormDiv TEXTAREA {
	width: 33.333em;
}

.cmContactFormDiv FIELDSET {
	clear: both;
}

.cmContactFormDiv FIELDSET DIV {
	padding-bottom: 0.5em;
}

.cmContactFormDiv FIELDSET DIV DIV {
	padding-bottom: 0;
}

.cmContactFormDiv .cm_surname, .cmContactFormDiv .cm_name, .cmContactFormDiv .cm_village, .cmContactFormDiv .cm_zip, .cmContactFormDiv .cm_state, .cmContactFormDiv .cm_country, .cmContactFormDiv .cm_phone  {
	float: left;
	width: 16.0833em;
}

.cmContactFormDiv .cm_surname, .cmContactFormDiv .cm_zip, .cmContactFormDiv .cm_country {
	float: right;
}

.cmContactFormDiv .cm_name INPUT, .cmContactFormDiv .cm_surname INPUT, .cmContactFormDiv .cm_village INPUT, .cmContactFormDiv .cm_zip INPUT, .cmContactFormDiv .cm_state INPUT, .cmContactFormDiv .cm_phone INPUT {
	width: 15.5833em;
}

.cmContactFormDiv FIELDSET.captcha {
	padding-top: 0.5em;
}

.cmContactFormDiv FIELDSET.captcha INPUT {
	width: 31em;
}

.cmContactFormDiv .cm_country SELECT {
	width: 16.0833em;
}

.cmContactFormDiv .cm_email {
	clear: both;	
}

/* los botones del formulario de contacto */
.cmContactFormDiv .divBottom {
	padding: 0.333em 0 0.5em 0;
	text-align: right;
}

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

.cmContactFormDiv .divBottom INPUT.cmContactMailButton { /* si no hay javascript */
	width: auto;
	height: 1.5em;
	border: 1px solid #ccc;
	margin-left: 1em;
	padding: 0 1em 0.166em 1em;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
	background: #a5240a;
	text-align: center;
}

.cmContactFormDiv .divBottom .inputWrapper { /* con javascript */
	position: relative;
	float: right;
	border: 1px solid #ccc;
	background: #a5240a;
	margin-left: 1em;
}

.cmContactFormDiv .divBottom .inputWrapper INPUT.cmContactMailButton {
	height: 1.333em;
	border: none;
	margin: 0;
	color: #fff;
	background: #a5240a;
}

.cmContactFormDiv .legalNotice {
	font-size: 0.9090em;
}

/* paginacion */
.cmNavigation {
	border-top: 1px dotted #777;
	border-bottom: 1px dotted #777;
	margin: 0.5em 0;
	padding: 0.3636em 1em;
	background-color: #ebe7e6;
	color: #555;
	height: 1%;
}

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

.cmNavigation A {
	display: inline-block;
	padding: 0 0.2727em;
	color: #000;
	border: 1px solid #a21f03;
	background-color: #fff;
}

.cmNavigation .cmResultsCount {
	float: left;
	width: 40%;
	padding-top: 0.2727em;
	font-weight: bold;
}

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

.cmNavigation .cmPagesNavigation {
	float: right;
	width: 59%;
	text-align: right;
	line-height: 1.333em;
}

.cmNavigation SPAN.cmNavPage SPAN {
	display: inline-block;
	padding: 0 0.2727em;
	font-weight: bold;
	color: #000;
	border: 1px solid #a21f03;
	background-color: #fff;
}

.cmNavigation .cmNavEndsPagesLink {
	background: none;
	border: none;
}

.cmNavigation .cmNavEndsPagesLink IMG {
	position: relative;
	top: 0.1818em;
}

/*** encuestas ***/
.encuesta .encuestaItem {	
	margin: 0.8333em 0;
	padding: 0 0 1.54em 0;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}

.encuesta .titleSurvey {
	margin: 0 0 .75em 0;
	padding: 0.666em 0 0.5em 1.583em;
	background: #F4DED5;
	color: #474747;
	font-size: 1em;
}

.encuesta .titleSurvey H2 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1em;
	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;
	font: bold 1.2727em Arial, Helvetica, sans-serif;
	color: #986000;
}

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

.encuesta .answerSurvey {
	padding: 0.25em 0 0.166em 0.8333em;
}

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

.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: #F4DED5;
	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: #fbfbfb;
	color: #000;
}

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

.encuesta .answer .respond {
	float: left;
	width: 85%;
	font-weight: bold;
	background:  url(../../imagenes/juventud/bullet12.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: 11%;
	text-align: right;
}

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

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

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

/***  componente de encabezados ***/
.headerTitleComponent {
	font: 1.0909em "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0.625em 0;
}

.headerTitleComponent H2 { 
	margin: 0;
	font-size: 1.3333em;
	font-weight: bold;
	text-indent: 1.5em;
	color: #986000;
	background: url(../../imagenes/juventud/bullet06.gif) no-repeat 0 0.1875em;
}
DIV.contentHeader DIV.rss{
    display: none;
}
DIV.rotativoPortada DIV.contentHeader DIV.rss{
    float: right;
    margin: 0 8em 0 1em;
    display: block;
}

DIV.convLogo {
	float: left;
	margin: 0 1em 0 0 ;
}