@charset "utf-8";
/* CSS Document */

@import url('reset.css');  

/* francisco. BEGIN */

.myDivScrolling{
	padding-right: 6px;
	padding-bottom: 6px;
	height: 430px;
	overflow-x: auto;
	border: none;
	width: 545px;
}

/* francisco. END */



a {
	text-decoration: none;
	color:#5599dd;
}

a:hover{
	text-decoration:underline;
	color:#5599dd;
}

a:visited {
	color:#5599dd;
}

p{
	line-height: 16px;
}

body {
	background: #006699;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#666666;
	margin: 0 auto;
	text-align: center;
	width:100%;
}

#big_background{
	background-image: url(../images/background.jpg);
	background-position: center 50%;
	background-repeat: no-repeat;
	width:100%;
	height:702px;
	margin:0 auto;
}

#header{
    width:1119px;
	height:66px;
	background:#FFFFFF;
	padding:24px 70px 12px 70px;
	}
	
#header img{
    float:left;
	}
	
#nav{
    float:right;
	text-align:right;
	width:700px;
	}

#top_menu ul{
    font-size:11px;
	color:#CCCCCC;
	float:right;
	margin-right:0;
}

#top_menu ul li {
	float:left;
	margin-left: 15px;
	margin-right:0;
}

#top_menu li a{
	color: #999999;
	text-decoration:underline;
	line-height:18px;
}

#top_menu input{
	font-size:11px;
	color: #999999;
}

#top_menu form{
	float:right;
	margin-left:15px;
}

#login{
	background-image: url(../images/user.jpg);
	background-position: left 60%;
	background-repeat: no-repeat;
	padding-left: 16px; !important
	list-style-position: inside;
}

#bottom_menu ul{
	font-family: Verdana, Arial, Helvetica, sans-serif "Qlassik Medium";
	font-size:15px;
	margin-top:30px;
	line-height:18px;
	float:right;
}

#bottom_menu ul li{
    float:left;
	margin-left: 15px;
}

#container{
	width:100%;
}

#content_background{
	background:url(../images/banner.png) no-repeat;
	width:775px;
	height:387px;
	margin:0 auto;
	position:relative;
}

#left_drop{
	width:212px;
	height:94px;
	position:absolute;
	left:180px;
	bottom:55px;
	text-align:left;
}

#left_drop h1{
	font-size:18px;
	color:#fff;
	line-height:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif "Qlassik Medium";
	font-weight:lighter;
}

#left_drop p{
	font-size:12px;
	color:#fff;
}

#right_drop{
	width:176px;
	height:227px;
	position:absolute;
	right:80px;
	bottom:145px;
	text-align:left;
}

#right_drop h1{
	font-family: Verdana, Arial, Helvetica, sans-serif "Qlassik Medium";
	font-size:18px;
	color: #999999;
	line-height:50px;
}

#right_drop li{
	font-size:12px;
	line-height:21px;
}

#right_drop ul#inner li {
	font-size:11px;
	line-height:18px;
}

#right_drop ul#inner li a{
	color:#666666;
	background-image: url(../images/plus.jpg);
	background-position: left 60%;
	background-repeat: no-repeat;
	padding-left: 16px; !important
	list-style-position: inside;
}

#featured{
	background: url(../images/background_featured.jpg) repeat-x;
	padding:23px 51px 30px 51px;
	height:122px;
}

.featured_box{
	width:420px;
	height:120px;
	text-align:left;
	float:left;
	margin-right:45px;
	position:relative;
}

#login_form{
    width:190px;
	height:120px;
	text-align:left;
	float: right;
	margin-right:35px;
}

#login_form2{
    width:237px;
	height:210px;
	text-align:left;
	float: right;	
}

#login_form2 small{
	font-size:11px;
	line-height:18px;	
}

#login_form h2{
	font-family: Verdana, Arial, Helvetica, sans-serif "Qlassik Medium";
	font-size:17px;
	line-height:30px;
	color:#3577B6;
	margin-bottom:5px;
}

#login_form input{
	color: #666666;
}

.featured_box{
	height:129px;
}

.featured_box #noticias{
	background:url(../images/noticias.jpg);
	width:175px;
	height:63px;
	float:left;
	position:absolute;
	top:28px;
}

.featured_box #jovem{
	background:url(../images/site_jovem.jpg);
	width:170px;
	height:129px;
	float:left;
}

.featured_box #text{
	width:218px;
	height:120px;
	text-align:left;
	float:right;
}

.featured_box #text h2{
	font-family: Verdana, Arial, Helvetica, sans-serif "Qlassik Medium";
	font-size:17px;
	line-height:30px;
	margin-bottom:5px;
	color:#3577B6;
}

.featured_box #text small{
	font-size:11px;
	line-height:30px;
}

#footer{
	background: #3577B6;
	height:38px;
	line-height:37px;
	padding:0 71px;
	height:37px;
}

#footer ul li{
	font-size:11px;
	float:left;
	margin-right:10px;
}

#footer ul li a{
	color:#FFFFFF;
}







#wrapper{
	width:1259px;
	background: #fff url(../images/background_content.jpg) repeat-x;
	background-position:bottom;
	position:relative;
}

#banner_innerpages1{
	background:url(../images/image1.jpg);
	background-position:bottom;
	width:1259px;
	height:248px;
	position:relative;
}

#banner_innerpages2{
	background:url(../images/image2.jpg);
	background-position:bottom;
	width:1259px;
	height:248px;
	position:relative;
}

#title_section{
	background: url(../images/background_titles.png) repeat-x;
	height:54px;
	position:absolute;
	padding:0 35px 0 145px;
	top:70px;
	left:0;
}

#title_section h1{
    font-family: Verdana, Arial, Helvetica, sans-serif "Qlassik Medium";
	font-size:36px;
	font-weight:lighter;
	color:#FFFFFF;
	line-height:54px;
}

#title_symbol{
	background: url(../images/drop.png);
	width:261px;
	height:197px;
	position:absolute;
	top:170px;
	right:100px;
}

#content{	
	height:100%;	
	padding:23px 0 80px 71px;
}

#left_column{
   float:left;
   width:237px;
   text-align:left;
   margin-right:61px;
   margin-bottom:60px;
   }
   
#context_menu{
   margin-bottom:53px;
   }
   
#context_menu p{
	font-size:10px;
   }
   
#sidebar{
	margin-bottom:20px;
}
   
#sidebar h2{
	font-family: Verdana, Arial, Helvetica, sans-serif "Qlassik Medium";
	font-size:16px;
	line-height:18px;
	margin-bottom:23px;
	color:#3577B6;
	}
	
#sidebar h3{
	font-family: Verdana, Arial, Helvetica, sans-serif "Qlassik Medium";
	font-size:14px;
	line-height:14px;
	margin-bottom:17px;
	color: #999999;
	}
	
#sidebar ul li{
    background-image: url(../images/plus.jpg);
	background-position: left 50%;
	background-repeat: no-repeat;
	padding-left: 16px; !important
	list-style-position: inside;
	line-height:30px;
	border-bottom: 1px  inset #999999;
    }
	
#sidebar ul#simple li{
	background-image:none;
	list-style:none;
	padding:2px 0;
	list-style-position: outside;
	border-bottom: none;
	line-height:18px;
    }
	
#sidebar ul li a{
	color:#666666;
    }
   
#right_column{
   float:left;
   width:814px;
   text-align:left;
   padding-top:60px;
   margin-bottom:60px;
   margin-right:30px;
   }
   
#right_column h1{
	font-family: Verdana, Arial, Helvetica, sans-serif "Qlassik Medium";
    font-size:20px;
	margin-bottom:40px;
	color:#3577B6;
   }
   
#right_column h2{
	font-family: Verdana, Arial, Helvetica, sans-serif "Qlassik Medium";
    font-size:16px;
	line-height:19px;
	color:#3577B6;
	margin-bottom:27px;
   }
   
.columns{
	width:392px;
	float:left;
	margin-right:15px;
	margin-bottom:30px;
}

#long_columns{
   float:left;
   width:780px;
   text-align:left;
   margin-bottom:30px;
   margin-right:10px;

   }
   
.pdf_button, .pdf_button a{
	background-image: url(../images/pdf-icon.png);
	background-position: left 50%;
	background-repeat: no-repeat;
	padding-left:44px; !important
	list-style-position: inside;
	line-height:47px;
	color:#666666;
	text-decoration:none;
	float:left;
	margin-right:25px;
	}

.pdf_button a:hover{
	text-decoration:underline;
	color:#003399;
}













#header_kids{
    width:1119px;
	height:112px;
	background:#FFFFFF;
	padding:15px 70px 0 70px;
	}
	
#header_kids img{
    float:left;
	}
	
#nav_kids{
    float:right;
	text-align:right;
	width:770px;
	}

#nav_kids #top_menu ul{
    font-size:11px;
	color:#CCCCCC;
    float:right;
}

#nav_kids #top_menu ul li {
	float:right;
	margin-left: 15px;
}

#nav_kids #top_menu li a{
	color: #999999;
	text-decoration:underline;
	line-height:18px;
}

#nav_kids #bottom_menu ul{
	font-family: Verdana, Arial, Helvetica, sans-serif "Qlassik Medium";
	font-size:15px;
	margin-top:60px;
}

#nav_kids #bottom_menu ul li{
    float:left;
	margin-left:15px;
}

#container_ kids{
	width:100%;
}

#copy_kids{	
    width:100%;
	background:url(../images/back_jovem_content.jpg) no-repeat;
	height:570px;	
	padding:0;
}

#copy_kids_home{	
    width:100%;
	background: url(../images/background_jovem_2.jpg) no-repeat;
	height:537px;	
	padding:0;
}

#right_column_kids{
   float:right;
   width:786px;
   height:570px;
   text-align:left;
   padding-top:0;
   margin-right:0;
   background: url(../images/background_paper.png);
   position:relative;
   }
   
#title_kids{
	position:absolute;
	top:0;
	left:77px;
}
   
#right_column_kids h2{
	font-family: Verdana, Arial, Helvetica, sans-serif "Qlassik Medium";
    font-size:21px;
	color:#FFA803;
	margin-bottom:10px;
   }
   
#block{
	width:661px;
	height:440px;
	margin:18px auto;
	padding-top:94px;
}

#control_buttons{
	float:right;
	text-align:right;
	width:610px;
	height:20px;
	padding-right:25px;
}

.description_panel{
	width:634px;
	overflow:hidden;
	margin:10px auto;
}

.image{
	float:left;
	width:126px;
	height:110px;
	margin:10px;
}

#description{
	float:right;
	width:460px;
}

#description a{
	line-height:28px;
	color:#9EC02C;
}

#back_button{
	width:83px;
	height:107px;
	position:absolute;
	bottom:0;
	right:45px;
}

#drop_link{
	width:53px;
	height:68px;
	position:absolute;
	bottom:147px;
	left:267px;
}

#experiencias_link{
	width:126px;
	height:29px;
	position:absolute;
	bottom:92px;
	left:66px;
}

#actividades_link{
	width:122px;
	height:29px;
	position:absolute;
	bottom:381px;
	left:233px;
}

#jogos_link{
	width:57px;
	height:27px;
	position:absolute;
	bottom:427px;
	left:116px;
}

#big_drops{
    background:url(../images/banner_jovem.png);
	width:886px;
	height:570px;
	position:absolute;
	bottom:4px;
	left:238px;
}

#earth{
    background:url(../images/earth.png);
	width:1259px;
	height:287px;
	position:absolute;
	bottom:35px;
	left:0;
}

#trees{
	background:url(../images/trees.png);
	width:384px;
	height:442px;
	position:absolute;
	top:127px;
	left:23px;
}

#welcome{
	background:url(../images/welcome.png);
	width:500px;
	height:171px;
	position:absolute;
	top:218px;
	left:300px;
}

#message h2{
	font-family: Verdana, Arial, Helvetica, sans-serif "Qlassik Medium";
	font-size:16px;
	font-weight:lighter;
	text-align:left;
	color:#FFFFFF;
	text-shadow:#333333;
	position:absolute;
	bottom:58px;
	right:220px;
	line-height:25px;
	width:247px;
	height:79px;
}

#drop_link_home{
	width:53px;
	height:68px;
	position:absolute;
	bottom:161px;
	left:1097px;
}

#experiencias_link_home{
	width:126px;
	height:29px;
	position:absolute;
	bottom:85px;
	left:211px;
}

#actividades_link_home{
	width:122px;
	height:29px;
	position:absolute;
	bottom:359px;
	left:866px;
}

#jogos_link_home{
	width:57px;
	height:27px;
	position:absolute;
	bottom:391px;
	left:147px;
}

.details{
	width:600px;
	margin:10px auto;
}

#left{
	/* width:370px;*/
	float:left;
	margin:10px;
}

#left a{
	line-height:28px;
	color:#9EC02C;
}

#right{
	width:193px;
	float:right;
	margin:20px 0 10px 0;
}

#right img{
	margin:5px auto;
}








.ingresar_buttons{
	background:url(../images/ingresar.jpg);
	width:78px;
	height:17px;
	margin:10px 0;
	border:none;
}

.input{
margin:4px 0;
}

.input_reservada{
margin:4px 0;
width:385px;
}

.table_title{
background:#848282;
color:#fff;
padding-left:15px;
height:27px;
line-height:27px;
}

.table_subtitle{
background:#EEF4F4;
color:#003399;
padding-left:15px;
height:27px;
line-height:27px;
}

.table_simple{
padding-left:15px;
height:34px;
line-height:34px;
}

@font-face {
 font-family: "Qlassik Medium"  ;
 src: url("Qlassik_TB.eot") /* EOT file for IE */
}
@font-face {
 font-family: "Qlassik Medium";
 src: url("Qlassik_TB.ttf") /* TTF file for CSS3 browsers */
}