@charset "utf-8";

/* General */

body {
	background: #FFF url(../img/bg_body.jpg) no-repeat center top;
	color: #999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

a, button { outline: 0; cursor: pointer; }
button { font-size: 1.1em; }

/* -------------- Layout -------------- */

#container {
	width: 940px;
	overflow: hidden;
	/*height: 800px;*/
	margin: 0 auto;
}

	#header, #content, #footer, #reflection { float: left; }
	#header { height: 290px; width: 940px; position: relative; }
	#content { /*height: 430px;*/ width: 920px; padding: 10px; overflow: hidden; }
	#footer { height: 53px; width: 905px; background: transparent url(../img/bg_footer.gif) no-repeat bottom left; padding: 0 10px 0 25px; }
	#reflection { height: 64px; width: 940px; background: transparent url(../img/reflection.jpg) no-repeat top left; }

	/* Header elements */
	
	#header h1 { width: 197px; height: 47px; background: transparent url(../img/logo_chavales.gif) no-repeat top left; position: absolute; top: 30px; left: 10px; }
	#header h1 span{ width: 197px; height: 47px; display:block; text-indent:-999999px }

	#header ul#sociallinks {
		width: 207px;
		height: 32px;
		position: absolute;
		top: 120px;
		left: 15px;
	}	
	#header ul#sociallinks li {
		display: inline;
		float: left;
		margin-right:12px;
	}

	#header ul#uppermenu {
		width: 300px;
		height: 30px;
		position: absolute;
		top: 10px;
		left: 620px;
	}
		#header ul#uppermenu li {
			display: inline;
			float: left;
			font-size: 1.1em;
			margin: 0 15px 0 0;
			border-right: 1px solid #666;
		}
		
		#header ul#uppermenu li.last { margin-right: 0; border: 0; }
		
			#header ul#uppermenu li a {
				color: #666;
				text-decoration: none;
				padding: 0 15px 0 0;
			}
			
			#header ul#uppermenu li a:hover {
				text-decoration: underline;
			}
	
	#header form#search {
		width: 207px;
		height: 17px;
		overflow: hidden;
		position: absolute;
		top: 258px;
		left: 5px;
	}
	
		form#search label, form#search input, form#search button { float: left; } 
		form#search label { display: none; }
		form#search input { width: 155px; height: 16px; padding: 1px 0 0 20px; margin: 0 5px 0 0; border: 0; background: #E5E5E5 url(../img/ico/lupa.gif) no-repeat 5px 3px; /*size: 1.2em; */color: #666;  }
		form#search button { border: 0; height: 17px; padding: 0; background-color: #AAD8F5; color: #FFF; }
		
	#header div.loginbox {
		width: 207px;
		height: 144px;
		padding: 9px 0 0 13px;
		position: absolute;
		top: 130px;
		left: 719px;
	}
	
		/* Not logged */
	
		div#notlogged form#login {}
		
			form#login div.formrow, form#login div.buttoncontainer, form#login div.linkcontainer  { width: 197px; padding: 0 10px 0 0; }
			form#login div.formrow { margin: 0 0 8px 0; }
				form#login label { margin: 0 5px 0 0; font-weight: bold; }
				form#login input { height: 16px; padding: 1px 0 0 20px; /*font-size: 1.2em;*/ color: #666; border: 0; }
				
				form#login input#user { background: #E5E5E5 url(../img/ico/usuario.gif) no-repeat 5px 3px; width: 134px; }
				form#login input#pwd { background: #E5E5E5 url(../img/ico/password.gif) no-repeat 5px 3px; width: 117px; }
				
			form#login div.buttoncontainer { text-align: right; margin: 0 0 0 0; width:40px; float:right;}
				form#login button { border: 0; height: 17px; padding: 0; background-color: #AAD8F5; color: #FFF; }
			form#login div.linkcontainer a { color: #666; text-decoration: none; }
			form#login div.linkcontainer a:hover { text-decoration: underline; }
			
		/* Logged */
		
		div#logged { overflow: hidden; }
		
			div#logged div.colizda, div#logged div.coldcha { float: left; height: 134px; }
			div#logged div.colizda { width: 116px; }
				div#logged div.colizda div.pointscontainer { width: 80px; height: 50px; background: transparent url(../img/bg_puntos.gif) no-repeat top left; margin: 20px 0 0 0; padding: 0 30px 0 0 }
					div.pointscontainer p { font-size: 4em; color: #FFF; font-weight: bold; text-align: right; }
			div#logged div.coldcha { width: 83px; text-align: center; }
				div#logged div.coldcha button { border: 0; height: 17px; padding: 0; background-color: #AAD8F5; color: #FFF; margin: 30px 0 0 0; }
				
		/* Content common elements */
		
		#content .col_izda, #content .col_dcha { float: left; overflow: hidden; }
		#content .col_izda { width: 210px; margin: 0 26px 0 0; /*background-color: red;*/ }
		#content .col_dcha { width: 683px; /*background-color: yellow;*/ }
		
			/* Main menu */
			
			.modmenu ul.firstlevel { width: 210px; }
			.modmenu ul.firstlevel li ul.secondlevel { margin: 1px 0 0 -8px; width: 218px; }
				
				.modmenu ul.firstlevel li {
					width: 202px;
					padding: 0 0 0 8px;
					/*height: 30px;*/
					margin: 0 0 1px 0;		
					list-style: none;
					font-size: 1.1em;	
				}
				
				.modmenu ul.firstlevel li ul.secondlevel li {
					width: 210px;
					padding: 0 0 0 0;
					/*height: 30px;*/
					margin: 0 0 1px 0;		
					list-style-type: none;
					font-size: 1em;
				}
				
				/* g marca la sección y el degradado que vamos a utilizar para dar estilo separado a cada sección del menú */
				ul.firstlevel li.g01 { background: transparent url(../img/gradientstrips/gr_firstlevel/01.jpg) no-repeat top left; }
				ul.firstlevel li.g02 { background: transparent url(../img/gradientstrips/gr_firstlevel/02.jpg) no-repeat top left; }
				ul.firstlevel li.g03 { background: transparent url(../img/gradientstrips/gr_firstlevel/03.jpg) no-repeat top left; }
				ul.firstlevel li.g04 { background: transparent url(../img/gradientstrips/gr_firstlevel/04.jpg) no-repeat top left; }
				ul.firstlevel li.g05 { background: transparent url(../img/gradientstrips/gr_firstlevel/05.jpg) no-repeat top left; }
				ul.firstlevel li.g06 { background: transparent url(../img/gradientstrips/gr_firstlevel/06.jpg) no-repeat top left; }
				ul.firstlevel li.g07 { background: transparent url(../img/gradientstrips/gr_firstlevel/07.jpg) no-repeat top left; }
				ul.firstlevel li.g08 { background: transparent url(../img/gradientstrips/gr_firstlevel/08.jpg) no-repeat top left; }
				
				/* Anulamos el fondo degradado lateral izquierdo de los elementos de lista de segundo nivel */
				
					.modmenu ul.firstlevel li a { color: #666; text-decoration: none; display: block; width: 195px; height: 14px; padding: 8px 0 8px 7px; background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }
					
					/*.modmenu ul.firstlevel li a:hover { color: #333; text-decoration: none; background: transparent url(../img/gradientstrips/menu_firstlevel_over_bg.jpg) no-repeat top left; }*/
					
					/* Añadir estilos de rollover para las diferentes secciones del menú */
					
					.modmenu ul.firstlevel li.g01 a:hover { color: #333; text-decoration: none; background: transparent url(../img/gradientstrips/gradients_menu.jpg) no-repeat -16px 0; }
					.modmenu ul.firstlevel li.g02 a:hover { color: #333; text-decoration: none; background: transparent url(../img/gradientstrips/gradients_menu.jpg) no-repeat -16px -62px; }
					.modmenu ul.firstlevel li.g03 a:hover { color: #333; text-decoration: none; background: transparent url(../img/gradientstrips/gradients_menu.jpg) no-repeat -16px -124px; }
					.modmenu ul.firstlevel li.g04 a:hover { color: #333; text-decoration: none; background: transparent url(../img/gradientstrips/gradients_menu.jpg) no-repeat -16px -186px; }
					.modmenu ul.firstlevel li.g05 a:hover { color: #333; text-decoration: none; background: transparent url(../img/gradientstrips/gradients_menu.jpg) no-repeat -16px -248px; }
					.modmenu ul.firstlevel li.g06 a:hover { color: #333; text-decoration: none; background: transparent url(../img/gradientstrips/gradients_menu.jpg) no-repeat -16px -310px; }
					.modmenu ul.firstlevel li.g07 a:hover { color: #333; text-decoration: none; background: transparent url(../img/gradientstrips/gradients_menu.jpg) no-repeat -16px -372px; }
					.modmenu ul.firstlevel li.g08 a:hover { color: #333; text-decoration: none; background: transparent url(../img/gradientstrips/gradients_menu.jpg) no-repeat -16px -434px; }
					
					/* Submenú de segundo nivel */
						
						.modmenu ul.firstlevel li ul.secondlevel li a { color: #666; text-decoration: none; display: block; height: 14px; padding: 8px 0 8px 27px; width: 183px; }
						
							.modmenu ul.firstlevel li.g01 ul.secondlevel li a { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px 0px; }
							.modmenu ul.firstlevel li.g02 ul.secondlevel li a { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -62px; }
							.modmenu ul.firstlevel li.g03 ul.secondlevel li a { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -124px; }
							.modmenu ul.firstlevel li.g04 ul.secondlevel li a { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -186px; }
							.modmenu ul.firstlevel li.g05 ul.secondlevel li a { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -248px; }
							.modmenu ul.firstlevel li.g06 ul.secondlevel li a { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -310px; }
							.modmenu ul.firstlevel li.g07 ul.secondlevel li a { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -372px; }
							.modmenu ul.firstlevel li.g08 ul.secondlevel li a { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -434px; }
							/*.modmenu ul.firstlevel li.g02 ul.secondlevel li a { background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }
							.modmenu ul.firstlevel li.g03 ul.secondlevel li a { background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }
							.modmenu ul.firstlevel li.g04 ul.secondlevel li a { background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }
							.modmenu ul.firstlevel li.g05 ul.secondlevel li a { background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }
							.modmenu ul.firstlevel li.g06 ul.secondlevel li a { background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }
							.modmenu ul.firstlevel li.g07 ul.secondlevel li a { background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }
							.modmenu ul.firstlevel li.g08 ul.secondlevel li a { background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }*/
							
							.modmenu ul.firstlevel li.g01 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -31px; }
							.modmenu ul.firstlevel li.g02 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -93px; }
							.modmenu ul.firstlevel li.g03 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -155px; }
							.modmenu ul.firstlevel li.g04 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -217px; }
							.modmenu ul.firstlevel li.g05 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -279px; }
							.modmenu ul.firstlevel li.g06 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -341px; }
							.modmenu ul.firstlevel li.g07 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -403px; }
							.modmenu ul.firstlevel li.g08 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/gradients_menu.jpg) repeat-x -8px -465px; }
							/*.modmenu ul.firstlevel li.g02 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }
							.modmenu ul.firstlevel li.g03 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }
							.modmenu ul.firstlevel li.g04 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }
							.modmenu ul.firstlevel li.g05 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }
							.modmenu ul.firstlevel li.g06 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }
							.modmenu ul.firstlevel li.g07 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }
							.modmenu ul.firstlevel li.g08 ul.secondlevel li a:hover { background: transparent url(../img/gradientstrips/menu_firstlevel_bg.jpg) no-repeat top left; }*/
						
			/* Fondos de los titulos de cada módulo (g=gradient)*/
			
				h3.g01 { background: transparent url(../img/gradientstrips/gradients.jpg) repeat-x 0 0px; }
				h3.g02 { background: transparent url(../img/gradientstrips/gradients.jpg) repeat-x 0 -31px; }
				h3.g03 { background: transparent url(../img/gradientstrips/gradients.jpg) repeat-x 0 -62px; }
				h3.g04 { background: transparent url(../img/gradientstrips/gradients.jpg) repeat-x 0 -93px; }
				h3.g05 { background: transparent url(../img/gradientstrips/gradients.jpg) repeat-x 0 -124px; }
				h3.g06 { background: transparent url(../img/gradientstrips/gradients.jpg) repeat-x 0 -155px; }
				h3.g07 { background: transparent url(../img/gradientstrips/gradients.jpg) repeat-x 0 -186px; }
				h3.g08 { background: transparent url(../img/gradientstrips/gradients.jpg) repeat-x 0 -217px; }
				h3.g09 { background: transparent url(../img/gradientstrips/gradients.jpg) repeat-x 0 -248px; }
				h3.paises { background: transparent url(../img/gradientstrips/bluegradient_countries.jpg) repeat-x top left; }
			
				
		/* Footer elements */
		
		div#footer a, div#footer img, div#footer ul { float: left; }
		div#footer a.img, div#footer ul { height: 31px; }
		
		a#plan_e { width: 213px; margin-right: 5px;margin-left:-15px; }
		a#plan_avanza2 { width: 140px; margin-right: 5px; }
		a#confianza { width: 33px; margin-right: 5px; }
		a#fondos_feder { width: 93px; margin-right: 40px; }
		
		div#footer ul { margin: 20px 0 0 16px}
			div#footer ul li { float: left; display: inline; margin: 0 5px 0 0; font-size: 1.1em; color: #666; }
				div#footer ul li a { color: #666; text-decoration: none; padding: 0 5px 0 0; border-right: 1px solid #666; }
				div#footer ul li a:hover { text-decoration: underline; }
		
		
		
/* -------------- Elements -------------- */

	/* Titles */
	
	div#notlogged h2 { width: 190px; height: 16px; background: transparent url(../img/titulos/tit_tucuenta.gif) no-repeat top left; margin: 0 0 10px 0; }
	div#logged h2 { width: 99px; height: 18px; background: transparent url(../img/titulos/tit_bienvenido.gif) no-repeat top left; margin: 0 0 10px 0; }
	
	/* Buttons */
	
	.btn_ir { width: 31px; height: 27px; display: block; background: transparent url(../img/btns/btn_ir.gif) no-repeat top left; }
	
/* Misc */

.hide { display: none; }
strong, .bold { font-weight: bold; }
.goldentext { color: #C5991C; font-size: 1.4em; }
.fuchsiatext { color: #CD006F; font-size: 1.2em; }
.normalfuchsiatext { color: #CD006F;}
.greatertext { font-weight: bold; font-size: 2em; color: #000; }


/* fixing alfresco issues */

div#page_x002e_col_dcha_x002e_ciberchaval_webs_interes-links { float: left; }
div#page_x002e_col_dcha_x002e_ciberpadres_webs_interes-links { float: left; }
div#page_x002e_col_dcha_x002e_aprende_webs_interes-links { float: left; }
div#page_x002e_col_dcha_x002e_juega_webs_interes-links { float: left; }
div#page_x002e_col_dcha_x002e_ventana_al_mundo_webs_interes-links { float: left; }
div#page_x002e_col_dcha_x002e_ciberpadres_documentacion-links { float: left; }