@charset "utf-8";
/* CSS Document */

body {
		background:url(../images/gradient2.jpg) repeat-x;
		background-color:#ebcbcc;
		font-family:Helvetica, Verdana, Arial, sans-serif;
		font-size:11px;
		margin:0px;
		padding:0px;
		height:100%;
		line-height:1.4em;
}

p {
		margin-top:0px;
		margin-bottom:10px;
}

br {
		line-height:1.2em;
}


hr {
		padding:0px;
		margin:0px;
		color:#CCCCCC;
		height:1px;
}

.titulos {
		font-family:"Trebuchet MS";
		font-size:14px;
		font-weight:bold;
		color:#000000;
}

.titulos_blanco {
		font-family:"Trebuchet MS";
		font-size:13px;
		font-weight:bold;
		color:#FFFFFF;
}

.subtitulos {
		font-family:"Trebuchet MS";
		font-size:12px;
		font-weight:bold;
		color:#000000;
}

.subtitulos_blanco {
		font-family:"Trebuchet MS";
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
}

.subtitulos2 {
		font-family:"Trebuchet MS";
		font-size:12px;
		font-weight:bold;
		color:#CC0000;
}

.texto {
		font-family:"Trebuchet MS";
		font-size:11px;
		color:#666666;
}

.texto_blanco {
		font-family:"Trebuchet MS";
		font-size:11px;
		color:#F2F2F2;
}

.parrafos {
		font-family:"Trebuchet MS";
		font-size:11px;
		color:#666666;
		text-align:justify;
}

.parrafos_blanco {
		font-family:"Trebuchet MS";
		font-size:11px;
		color:#F2F2F2;
		text-align:justify;
}

.caja_negra {
		background-color:#F2F2F2;
}

.descargas {
		font-family:"Trebuchet MS";
		font-size:10px;
		color:#000000;
		float:right;
}

.picture {   
	float:left;
	margin-right:10px;
}

.hr_blanco {   
	height:1px;
	border:none;
	background-color:#FFFFFF;
	color:#FFFFFF;
}

.proximamente {
		width:auto;
		height:20px;
		margin-top:100px;
		margin-left:100px;
		float:left;
}

.ver_mas {
		font-family:"Arial";
		font-size:14px;
		color:#000000;
		float:right;
		font-weight:bold;
}
a.ver_mas:link, a.ver_mas:visited {
		color:#000000;
		text-decoration:none;
}	
a.ver_mas:hover, a.ver_mas:active {
		color:#666666;
		text-decoration:none;
}

#popup
   {
      position: absolute;
      border: 1px solid #666666;
	  background-color:#FFFFFF;
      width: 550px;
      height: auto;
      margin-top: 25px;
	  margin-left: 20px;
	  padding:0px;
	  text-align:center;
}
.popup_cruz
   {
      position: absolute;
	  overflow:auto;
	  float:left;
      margin: 0px;
	  padding:0px;
}			

#popup2, #popup3, #popup4
   {
      position: absolute;
      border: 1px solid #666666;
	  background-color:#FFFFFF;
      width: 450px;
      height: auto;
      margin-top: 10px;
	  margin-left: 90px;
	  padding:10px;
	  visibility:hidden;
}


/*--------------------------------------ESTRUCTURA--------------------------------------------*/

#principal {
		width:760px;
		height: auto;
		margin: 0 auto;
		background:#FFFFFF;
		padding:0px;
}

#header {
		float:left;
		width:760px;
		height:auto;
		background:#000000;
}

#header_banner {
		height:150px;
}

#header_menu {
		height:auto;
}

#main {
		float:left;
		width:760px;
		margin:0px;
		padding:0px;
		/*background:#FFFFFF;*/
}

#main_left {
		background:#FFFFFF;
		padding-top:10px;
		padding-right:10px;
		width:150px;
		float:left;
}

#main_right {
		width:600px !important;
		width:590px;
		float:left;
		margin:0px;
		padding:0px;
}

#main_float {
		position:absolute;
		overflow:auto;
		width:auto;
		height:auto;
		float:left;
		margin-top:660px;
		margin-left:165px;
		padding:0px;
		background-color:#62c5e2;
}


#main_right_a {
		width:230px;
		float:right;
		height:auto;
		background:#F5A301;
		padding:20px;
		padding-bottom:24px;}

#main_right_b {
		width:290px !important;
		width:280px;
		float:left;
		height:auto;
		background:#62c5e2;
		padding:20px 20px 0px 20px !important;
		padding:20px 20px 0px 20px;
}

#main_right_b2 {
		width:290px !important;
		width:280px;
		float:left;
		height:auto;
		background:#62c5e2;
		padding-right:10px;
		padding:20px 20px 0px 20px !important;
		padding:20px 20px 0px 20px;
}

#main_right_solapa {
		width:180px !important;
		width:170px;
		float:left;
		background:url(../images/solapa.jpg);
		padding:0px;
		margin-left:0px;
		font-size:11px;
        color:#FFFFFF;
		padding: 7px 0px 7px 60px;
}

#main_right_b3 {
		width:290px !important;
		width:280px;
		float:left;
		height:auto;
		background:#00adda;
		padding:20px 20px 0px 20px !important;
		padding:20px 10px 0px 20px;
}

#main_right_c {
		width:100%;
		height:auto;
		float:left;
		margin:0px;
		margin-top:2px;
		padding:0px;
}

#main_right_rojo {
		width:540px;
		float:left;
		padding:20px;
}

#main_right_violeta {
		width:560px !important;
		width:550px;
		float:left;
		padding:20px;
}

#main_right_naranja {
		width:560px !important;
		width:550px;
		float:left;
		padding:20px;
		background:#f5a301;
}

#main_right_celeste_a {
		width:570px !important;
		width:560px;
		float:left;
		padding:15px 15px 15px 15px;
}

#main_right_celeste_b {
		width:570px !important;
		width:560px;
		float:left;
		padding:15px 15px 15px 15px;
		background:#00adda;
}

#main_right_verde {
		width:570px !important;
		width:560px;
		float:left;
		padding:15px;
}

#main_right_blanco {
		width:auto;
		float:left;
		height:auto;
		padding-right:20px;
		margin:0px;
}

#footer {
		float:left;
		position:relative;
		width:760px;
		height:182px;
		background:url(../images/footer.jpg);
}

#footer_ruca {
		float:right;
		width:750px;
		height:20px;
		background-color:#FFFFFF;
		text-align:right;
		padding-right:10px;
}

.fondo_blanco {
		background:#ffffff;
}

.fondo_celeste {
		background:#62c5e2;
}

.fondo_violeta {
		background:#d138c4;
}

.fondo_verde {
		background:#c9d300;
}

.fondo_naranja {
		background:#f5a301;
}

.fondo_rojo {
		background:#CC232A;
}


		

/*-------------------------------------MENU IZQUIERDA----------------------------------------*/

.menuizq {
		margin-left:10px;	
		padding:0px;
}

.menu_centro, .submenu_centro {
		padding:0px;
		margin:0px;
		line-height:1.0em;
}

a.menuizq, a.menu_centro, a.submenu_centro{
		color:#808080; 
		text-decoration:none;
}
	
a.menuizq:hover, a.menu_centro:hover, a.submenu_centro:hover {
		color:#006699;
		text-decoration:none;
}

a.menu_centro:active {
		color:#006699;
		text-decoration:none;
}

.item{
		margin-top:3px;
		margin-left:17px;
}

.item_off{
		margin-top:3px;
		margin-left:17px;
		color:#cccccc;
}

.linea {
		height:1px;
		width:140px;
		margin:3px 0px 3px 8px;
		background:#CCCCCC;
		font-size:1px;
}

.linea_sub {
		height:1px;
		width:120px;
		margin:3px 0px 3px 12px;
		background:#CCCCCC;
		font-size:1px;
}		

.banner{
		margin-top:20px;
		margin-left:10px;
}	

.banner_txt{
		font-family:"Trebuchet MS";
		color:#01149e;
		margin-left:5px;
		font-size:10px;
}	

/*-------------------------------------MENU TOP---------------------------------------------*/

#espacio {
		float:left;
		height:25px;
		width:33px;
}

#tarjeta_roja {
		float:left;
		height:29px;
		width:133px;
		margin-left:-13px;
		/*background:url(../images/tarjeta.jpg);*/
}

a.b_inter_celeste{
        display:block;
		font-size:11px;
        color:#FFFFFF;
		width:200px;
		text-align:center;
		padding: 7px 0px 7px 0px;
		text-decoration:none;
		background:#62c5e2;
		float:left;
}

a.b_inter_celeste:hover{
		background:#7ECFE7;
		color:#000000;
}

a.b_inter_rojo{
        display:block;
		font-size:11px;
        color:#FFFFFF;
		width:240px;
		text-align:center;
		padding: 7px 0px 7px 0px;
		text-decoration:none;
		background:#CC232A;
}
	   
a.b_inter_rojo:hover{
		background:#DF444B;
		color:#000000;
}

a.b_inter_fuxia{
        display:block;
		font-size:11px;
        color:#FFFFFF;
		width:240px;
		text-align:center;
		padding: 7px 0px 7px 0px;
		text-decoration:none;
		background:#d138c4;
}
	   
a.b_inter_fuxia:hover{
		background:#D95BCF;
		color:#000000;
}

a.b_inter_naranja{
        display:block;
		font-size:11px;
        color:#FFFFFF;
		width:240px;
		text-align:center;
		padding: 7px 0px 7px 0px;
		text-decoration:none;
		background:#f5a301;
}
	   
a.b_inter_naranja:hover{
		background:#FEB621;
		color:#000000;
}

a.b_inter_verde{
        display:block;
		font-size:11px;
        color:#FFFFFF;
		width:240px;
		text-align:center;
		padding: 7px 0px 7px 0px;
		text-decoration:none;
		background:#c9d300;
}
	   
a.b_inter_verde:hover{
		background:#D6E100;
		color:#000000;
}

a.b01{
        display:block;
		font-size:11px;
        color:#FFFFFF;
		width:200px;
		text-align:center;
		padding: 7px 0px 7px 0px;
		text-decoration:none;
		background:#ad0100;
		float:left;
}

a.b01:hover{
		background:#DF444B;
		color:#000000;
}

a.b02{
        display:block;
		font-size:11px;
        color:#FFFFFF;
		width:200px;
		text-align:center;
		padding: 7px 0px 7px 0px;
		text-decoration:none;
		background:#d138c4;
		float:left;
}
	   
a.b02:hover{
		background:#D95BCF;
		color:#000000;
}	

a.b03{
        display:block;
		font-size:11px;
        color:#FFFFFF;
		width:240px;
		text-align:center;
		padding: 7px 0px 7px 0px;
		text-decoration:none;
		background:#f5a301;
		float:left;
}
	   
a.b03:hover{
		background:#FEB621;
		color:#000000;
}			

a.b04{
        display:block;
		font-size:11px;
        color:#FFFFFF;
		width:240px;
		text-align:center;
		padding: 7px 0px 7px 0px;
		text-decoration:none;
		background:#62c5e2;
}
	   
a.b04:hover{
		background:#7ECFE7;
		color:#000000;
}

a.b05{
		display:block;
		font-size:11px;
        color:#FFFFFF;
		width:200px;
		text-align:center;
		padding: 7px 0px 7px 0px;
		text-decoration:none;
		background:#c9d300;
		float:left;
}
	   
a.b05:hover{
		background:#D6E100;
		color:#000000;
}

span.b06{
		display:block;
		font-size:13px;
        color:#00149d;
		width:240px;
		text-align:right;
		padding: 7px 100px 7px 0px;
		background:#ffffff;
}

/*------------------------------------SECCIONES BOTONES COLORES-------------------------------*/

/*****PRIZES*****/
.premiotxt {
		font-size:11px;
		color:#000000;
}

/*****ESPACIO LABORAL*****/
.blanco_grande {
		font-family:"Arial black";
		font-size:18px;
		/*font-weight:bold;*/
		color:#FFFFFF;
		letter-spacing:-1.5px;
		line-height:1em
}

.simposio {
		font-family:"Trebuchet MS";
		font-size:11px;
		font-weight:bold;
		color:#2c4fa3;
		text-align:justify;
}

.celeste {
		font-family:"Arial Black";
		font-size:16px;
		/*font-weight:bold;*/
		color:#06ebf0;
		letter-spacing:-1px;
		line-height:1.2em;
}

.fuccia_grande {
		font-family:"Arial black";
		font-size:16px;
		/*font-weight:bold;*/
		color:#fd9df7;
		letter-spacing:-1px;
}

.fuccia_grande_2 {
		font-family:"Arial black";
		font-size:16px;
		/*font-weight:bold;*/
		color:#b011a3;
		letter-spacing:-1px;
}

.caja_fuccia_a {
		background-color:#b011a3;
		padding-right:20px;
		float:left !important;
		height:auto;
		width:auto;
		margin-bottom:15px;
}

.caja_fuccia_b {
		background-color:#ffffff;
		padding-right:10px;
		margin-bottom:15px;
		float:left !important;
		width:auto;
		height:auto;
}

.caja_fuccia_c1 {
		padding-right:10px;
		margin-top:15px;
		float:left !important;
		width:200px;
}

.caja_fuccia_c2 {
		margin-top:15px;
		float:left !important;
		width:350px !important;
		width:auto; 
}

/*****ACTIVITIES*****/

.caja_celeste_a {
		background-color:#99e4fb;
		float:left;
		width:370px !important;
		width:370px;
		padding-right:10px;
		height:324px;
}

.caja_celeste_b {
		float:left;
		width:170px !important;
		width:160px;
		padding-left:10px;
}

.caja_celeste_c {
		background-color:#D5F5FF;
		float:left;
		width:auto;
		padding-left:10px;
		padding-right:10px;
		margin-top:10px;
}

.azul_grande {
		font-family:"Trebuchet MS";
		font-size:18px;
		font-weight:bold;
		color:#0b6bb8;
		letter-spacing:-1px;
		line-height:1.3em;
}

.rojo_grande {
		font-family:"Arial Black";
		font-size:18px;
		/*font-weight:bold;*/
		color:#d1232d;
		letter-spacing:-1.5px;
		line-height:1em;
}

.azul_mediano {
		font-family:"Trebuchet MS";
		font-size:13px;
		/*font-weight:bold;*/
		color:#577dbc;
		/*text-align:justify;*/
}

.negro_mediano {
		font-family:"Trebuchet MS";
		font-size:13px;
		/*font-weight:bold;*/
		color:#000000;
		/*text-align:justify;*/
}

.blanco_mediano {
		font-family:"Trebuchet MS";
		font-size:15px;
		/*font-weight:bold;*/
		color:#FFFFFF;
		/*text-align:justify;*/
}

/*****PRINCIPAL*****/

.bienvenida1 {
		font-family:"Trebuchet MS";
		font-size:14px;
		font-weight:bold;
		color:#00149d;
		text-align:center;
		/*display:block;*/
		padding:20px;
		padding-bottom:0px;
}
.bienvenida2 {
		font-family:"Trebuchet MS";
		font-size:14px;
		font-weight:normal;
		color:#000000;
		text-align:center;
		/*display:block;*/
		padding:0px 20px 0px 20px;
}
.bienvenida3 {
		font-family:"Trebuchet MS";
		font-size:11px;
		color:#000000;
		text-align:right;
		padding:20px;
		/*display:block;*/
}

/*****NEWS*****/

.NEWS, .prensa {
		font-family:"Trebuchet MS";
		font-size:13px;
		color:#FFFFFF;
		/*float:left;*/
		width:auto;
}
a.NEWS:link, a.NEWS:visited, a.prensa:link, a.prensa:visited {
		padding-left:10px;
		color:#000000;
		text-decoration:none;
		font-weight:bold;
}	
a.NEWS:hover, a.NEWS:active, a.prensa:hover, a.prensa:active  {
		padding-left:10px;
		color:#000000;
		text-decoration:underline;
		font-weight:bold;
}

/*****CONTACTO*****/


.contacto {
		font-family:"Trebuchet MS";
		padding-left:25px;
		font-size:12px;
		color:#666666;
}
a.contacto:link {
		padding-left:5px;
		color:#666666;
		text-decoration:none;
		font-weight:none;
}	
a.contacto:hover {
		color:#00149d;
		text-decoration:underline;
		font-weight:none;
}

/*****GALERIA*****/

a.galeria:link, a.galeria:visited, a.galeria:active {
		padding-left:30px;
		color:#666666;
		text-decoration:none;
		font-weight:bold;
}	
a.galeria:hover {
		padding-left:45px;
		color:#00149d;
		text-decoration:none;
		font-weight:bold;
}