/*
colores principales: DAE9F1, 
orden: (*)positions, floats, medidas, paddings y margins al principio de las sentencias::: 
	   (*)formato en el medio de las sentencias:::
	   (*)css3 al final

Estructrura CSS:

/*Estilos para estructura
/*|__|*Estilos generales
/*|__|*Estilos para estructura*/
/*	|_____|1) Header*/
/*	|_____|2) Main*/
/*	|_____|3) Menu de navegación izquierdo*/
/*		|________3.1) Menu de navegación para indicar en qué sección estás*/
/*	|_____|4) Contenido*/
/*	|_____|5) Sidebar*/
/*	|_____|6) Footer*/
/*	|_____|7) Estilos estandares*/
/*	|_____|8) Estilos sueltos*/
/*	|_____|9) Formularios */


@import 'reset.css';
html{
	height:			100%;
}
body{
	height:			100%;

	background: 	#F0F0F5;
	font:			normal .9em/1.3em Verdana, Arial, Helvetica, sans-serif;
}
/*Estilos generales*/

a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

h1{
	font-size:		x-large;
}
h2{
	font-size:		.8em;
}
h3{font-size:		.9em;color:#666666}
input,textarea{
	width:				320px;
	font-size: 			16px;
	
	border:				1px solid #B5B5B5;
	/*background: 		transparent url('/img/input.jpg') repeat-x scroll -3px -3px;*/
}



/*Estilos para estructura*/
#container{
	position: 		relative;
	width: 			100%; 	
	height: 		100%;
	min-height:		100%;
	height:			auto !important;
	
	text-align: 	center; /*Ie*/
/*	margin-bottom:	130px;*/
margin-top: -1.5%;
	
}
/*****1) Header*/
#header{
	height: 		180px;/*280px;*/
	
}
#header #top{
	height: 		65px;/*130px;*/
	text-align: 	center;/*Ie*/
	
	background: 	transparent url('/img/fondo_header_top.jpg') repeat-x;
}

#header #bottom{
	height: 		115px;
	text-align: 	center;/*Ie*/
	
	border-bottom:	10px solid #D9DBE2;
	background: 	transparent url('/img/fondo_header_bottom.jpg') repeat-x;
}

#header #bottom #logo{
	width:			800px;
	height:			150px;
	margin: 		0 auto;
	
	background: 	transparent url('/img/header_central_2.jpg') no-repeat;
	text-indent: 	-33333px;
}
#header #bottom #logo a{
	width:			800px;
	height:			150px;
	margin: 		0;
	
	display: 		block;
}

#header #top .content{
	position: 		relative;
	width: 			800px;
	margin:			0 auto;
}

#header #top .content .top_left{
	position: 		relative;
	float:			left;
	/*padding:		8px;*/
	
	width:			45%;
}
#header #top .content .top_right{
	position: 		relative;
	float:			right;
	/*padding:		20px 8px;*/

	width:			45%;
}
.top_left #banderas{
	position: 		absolute;
	top:			50px;/*105px;*/
	left:			10px;
	width:			300px;
}
.top_left #banderas li{
	display: 		inline;
	float:			left;
	line-height: 	15px;
}
.top_left #banderas li a{
	color:			#fff;
	font-size:		xx-small;
	margin:			0 10px 0 20px;
}
.top_left #banderas .espana{
	background: 	transparent url('/img/band_espana.gif')  0px 3px no-repeat;
}
.top_left #banderas .portugal{
	background: 	transparent url('/img/band_portugal.gif') 0px 3px no-repeat;
}
.top_right a#submit{
	position: 		absolute;
	top:			5px;/*20px;*/
	left:			-85px;
	display: 		block;
	width:			106px;
	height:			23px;/*26px;*/
	text-align: 	left;
	padding:		2px 0 0 4px;
	
	color:			#fff;
	background: 	transparent url('/img/boton_buscar.jpg') no-repeat;
}
.top_right input{
	position: 		absolute;
	top:			5px;/*20px;*/
	left:			20px;
	height:			22px;/*26px;*/
	line-height:	20px;

}

.no_marg{margin-left: 0px;}
/*Fin de Header*/

/*****2) Main*/
#main{
	width:			1202px;/*800px;*/
	margin:			20px auto;
	text-align: 	left !important; /*Ie*/
}

/*****3) Menu de navegación izquierdo*/
#menu{
	float:			left;
	width:			170px;/*180px;*/
	padding:		5px;
	margin-right:	10px;/*20px*/
	
	font-size:		.8em;
	border:			1px solid #DBDCDF;
	background: 	#FAFBFF url('/img/fondo_menu_bottom.jpg') bottom no-repeat;
}
#menu li{
	text-align: 	center;/*right;*/
	border-bottom:	1px solid #DBDCDF;
}
#menu li a{
	display: 		block;
	height:			28px;
	line-height:	28px;
	margin: 0 auto;
	text-align: center;

	color:			#666;
}
#menu li a:hover{
	text-decoration: none;
	
	background: 	 #CCCCCC;
	color:			 #fff;
}
#menu ul li ul li{
	padding: 5px;
}
.enlaces-interes img{
	margin: 0 15px 15px 0;
}
/*****3.1) Menu de navegación para indicar en qué sección estás*/
.sociedad-iberica #menu li#sociedad-iberica a,
.congreso-sic #menu li#congreso-sic a,
.congreso-y-reuniones li#congreso-y-reuniones a,
.grupos-de-trabajo #menu li#grupos-de-trabajo a,
.noticias-y-eventos #menu li#noticias-y-eventos a,
.hazte-socio-de-la-sic #menu li#hazte-socio-de-la-sic a,
.boletin-informativo #menu li#boletin-informativo a,
.becas-premios #menu li#becas-y-premios a,
.formacion #menu li#formacion a,
.faqs #menu li#faqs a,
.donde-estamos #menu li#donde-estamos a,
.convenios #menu li#convenios a,
.enlaces-interes #menu li#links a
{
	background: 	 #D9DBE2;
	color:			 #333;
}



/*****4) Contenido*/

#content{
	float:			 left;
	width:			 750px;/*410px;*/
}
#content .bloque{
	padding:		 15px;
	min-height:		 300px; 

	border:			1px solid #DBDCDF;
	background: 	#FAFBFF;
	overflow: 		hidden						
}
.bloque ul li p{
	padding: 0 !important;
}
#content h2,
#sidebar h2{
	color:			#669966;
	border-bottom:	1px solid #DBDCDF;
	margin-bottom:	5px;
}
#content p,
#sidebar ul{
	font-size:		x-small;
	margin:			0 0 5px 10px;
	color:			#666666;
        padding-right:10px;
}
#content p.titulo{
	text-transform: uppercase;
	font-weight: 	bold;
	color:			#000;
	margin:			0 !important;
	padding-left:	10px;
	
	background: 	transparent url('/img/flecha_p_titulo.gif') left no-repeat;
}
#sidebar ul a.lnk{
    color:black;
}
#content p a.lnk{
    color:black;
}
#content p span.fecha
{
	font-size:		x-small;
	color:			#669966;
}
#content #publi{
	margin-top:		20px;
        margin-left:            17px;
}
#content .more{
	text-align: 	right;
	margin-top:		25px;
}

/*****5) Sidebar*/

#sidebar{
	width:			250px;/*160px;*/
	float:			right;
}
#sidebar ul{
	margin-bottom:	15px;
}
#sidebar ul li{
	list-style-image: url('/img/pto_list.gif');
	margin-bottom:	10px;
	margin-left:	10px;
}

#sidebar .bloque{
	padding:		5px;
	margin-bottom:	12px;/*20px;*/
		
	border:			1px solid #DBDCDF;
	background: 	#FAFBFF;
}
#sidebar .bloque .images{
	width:			100%;
	overflow: 		hidden;
}
#sidebar .bloque .images img{
	float:			left;
	/*margin:			10px;*/
	-ms-interpolation-mode: bicubic;
/*        width: 118px;
        height: 51px;*/
}
/*****5.1) Sidebar sponsors*/

#sponsor{
	width:			750px;/*160px;*/
    margin-top:10px;
	/*float:			right;*/
}
#sponsor ul{
	margin-bottom:	15px;
}
#sponsor ul li{
	list-style-image: url('/img/pto_list.gif');
	margin-bottom:	10px;
	margin-left:	10px;
}

#sponsor .bloque{
	padding:		5px;
	margin-bottom:	12px;/*20px;*/
        min-height:0px;
	border:			1px solid #DBDCDF;
	background: 	#FAFBFF ;
}
#sponsor .bloque .images{
	width:			100%;
	overflow: 		hidden;
}
#sponsor .bloque .images img{
	float:			left;
        margin:10px 33px 0;
	/*margin:			10px;*/
	-ms-interpolation-mode: bicubic;
/*        width: 118px;
        height: 51px;*/
}

/*****6) Footer*/
#footer{
	width:				100%;
	height:				130px;
	font-size:			.7em;
	color:				#ccc;
	background: 		transparent url('/img/fondo_footer.jpg') repeat-x;
	text-align: 		center;
}
#footer a{
	color:				#ccc;
}
#inner_footer{
	position: 			relative;
	width:				800px;
	margin:				0 auto;
}
#footer #inner_footer #top_footer{
	padding-top:			40px;
}
#footer #inner_footer #top_footer li{
	display: 			inline;
}

#footer #inner_footer p#bottom_footer{
	margin-top:			50px;
}
/*Estilos estandares*/
.boton_flecha{
	position: 		relative;
	float:			left;
	width: 		    170px;
	height:			38px;
	clear: 			both;
}

.boton_flecha .flecha{
       position:               absolute;
       top:                    0px;
       left:                   150px;
       float:                  right;
       width:                  34px;
       height:                 38px;

       background:     transparent url('/img/bola_flecha.png') right no-repeat;
}
.boton_flecha a{
	color:			#E1E1E1;
	text-shadow:    0px 1px 1px #eee;
}
.boton_flecha span{
	position: 		absolute;
	top:			12px;
	left:			0px;
	
	cursor: 		pointer;
}

/*Estilos sueltos*/

.left{
	float:			left;
}
.right{
	float:			right;
}
#separator{
	clear:				both;
}
/*Formularios*/
.bloque label{

    color:#666666;
    font-size:x-small;
    margin:0 15px 5px 10px;
}
/* Enlaces de interes */
.links{
    float: left;
    margin-right: 5px;
    width: 48px;
    heigth: 23px;
}

.bloque_link{padding-left:50px;}

/* FAQ*/
.pregunta{}
.respuesta{}
.faq_form{
    margin-top:30px;}
.faq_form #form_submit{
    
    background: transparent url('/img/enviar.gif') left no-repeat;
    padding-left: 20px;
    float:right;
    margin-top:10px;
    color:#669966;
}
/* Hazte socio*/
.bloque ul li{list-style: none;}
.bloque .news{
    margin-top: 15px;
    float: left;
}
.bloque input{
/*    position:absolute;
    right:41%;*/
    font-size:x-small;
    width:200px;
}
.bloque .form_footer_acepto{
    margin-right: 383px;
    margin-top:24px;
    width: 50px;
    background: none!important; /*Ie*/
    border: none!important;/*ie*/
}
.bloque .form_footer_boletin{
    margin-right: 383px;
    width: 50px;
    background: none!important; /*Ie*/
    border: none!important;/*ie*/
}
a.form{
    float:right;
}


/* Congresos SIC*/


/*Donde estamos*/
.donde-estamos img{margin-left: 50px; margin-top: 12px; margin-bottom: 12px;}
.donde-estamos p{padding-left: 40px;}


/* Convenios */
.convenio_bloq{margin-top: 10px;}
.convenio{width: 300px; height: 120px;float:left;}
.bloque_convenio{font-weight: bold;}
.bloque_convenio_pie{}

/* Contacto */
.contact_form {
    position: absolute;
    display: none;
    zoom:1;
    left:50%;
	top:31%;
    z-index:1002;
    margin-left: -160px;
    margin-top: ;
    background: #fff;
}
.terminos_form {
position: absolute;
display: none;
zoom:1;
left:50%;
top:31%;
z-index:1002;
margin-left: -160px;
background: #fff;
}
.wrap_contact_form{

    color:#9a9a9a;
    font-weight: bold;
    font-size: 11px;
    border:1px solid #e3e3e3;
	width: 320px;
    padding:30px;
    background-color: #fff;
	margin: 0 auto;
}

.terminos_form form {
    padding-top:10px;
}
.terminos_form h4 {
    font-size:18px;
    color:#a07e00;
    margin-bottom: 10px;
}

.contact_form form {
    padding-top:10px;
}
.contact_form h4 {
    font-size:12px;
    color:#a07e00;
    margin-bottom: 10px;
}
.contact_form input, contact_form textarea {
    border:1px solid #E3E3E3;
    font-size:11px;
    display: block;
    margin-top:3px;
}
.contact_form textarea {
    width:319px;
}
.contact_form label {
    display:block;
    margin-bottom:5px;
}
.contact_form .bt_enviar {
background-color:#FFFFFF;
background-image:url(../img/bg_enviar.gif);
border:medium none;
color:#669966;
float:right;
font-style:normal;
font-weight:bold;
height:25px;
padding:0pt;
width:40px;
font-size: 11px;
display:inline;
}

.terminos_form #bt_cerrar{
position: absolute;
top: 15px;
right: 15px;
}
.contact_form #bt_cerrar {
position: absolute;
top: 15px;
right: 15px;
}

.fadebox {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);

}
/* enviar a amigo*/
.wrap_contact_amigo{
    height: 435px;
}

.wrap_terminos{
color:#9a9a9a;
font-weight: bold;
font-size: 11px;
border:1px solid #e3e3e3;
width: 320px;
padding:30px;
background-color: #fff;
margin: 0 auto;
}

/* FlashMessages*/
#flashMessage {
    color: #666666;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.3em;
	background: #ebd68f;
	padding: 10px;   
	margin: 1px 0 0 0;
	border: 1px 0 1px 0 solid #e6ca6c;
}

/*Enviar amigo, imprimir, volver*/
.bloque a.amigo{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/img/imprimir.gif) no-repeat scroll left center;
color:#669966;
margin-top:10px;
padding-left:20px;
}
.bloque a.print{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/img/enviar_amigo.gif) no-repeat scroll left center;
color:#669966;
margin-top:10px;
padding-left:20px;
}
.bloque a.volver{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/img/volver.gif) no-repeat scroll left center;
color:#669966;
margin-top:10px;
padding-left:20px;
}
.detail{color:#000 !important;}

/* grupos de trabajo */
#content #sidebar{
    float:left;
    width:445px;
}
.noticia{
    width: 433px;
    height:200px;
}
.mini{
    width: 25px!important;
    float:left;
}
.special{
    margin-left:34px!important;
}
ul#menu a {
  display: block !important;
  text-decoration: none !important;
}
.mini_lnk{
    font-size: 9px !important;
}
.submenu li{
    background-color: #195788 !important;
}
.submenu li a{
    color:white !important;
    height:auto !important;
    line-height:17px !important;
    padding: 4px;
}
.grupos {
    width: 150px;
    height: 150px;
    float:left;
    margin-right:15px;
}
.green{
    color:			#669966 !important;
}
.images img {
float:left;
margin:10px 19px 0;
}

.img_congreso_sic{
    width: 400px;
    height: 200px;
}
.intranet{margin-top:1px;}

#actualizar_socio{display:none;}
#actualizar{float:left;}
.actualizo_dato{width: 20px !important;}
.mini_option{width: 20px !important; }
#opciones_socio{margin-top:20px;margin-bottom: 20px;}

/* Estilos form socio*/
#bloque_datos_1 input,
#bloque_datos_2 input,
#bloque_datos_3 input,
#legal input{
    border-color: -moz-use-text-color;
    border-style: none none solid;
    border-width: 0 0 1px;
    font-size: 14px;
    width: 100px;
}

#bloque_datos_1 td,
#bloque_datos_2 td,
#bloque_datos_3 td{
    width: 20%;
}
#bloque_left td,
#bloque_right td{
    width: 20%;
}
#boletin{
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 2%;
}
.form_title{ font-size: 12px !important;}
.vocales{text-decoration: underline;}
.miembros{margin-top: 20px;}
.listado table{margin-left: 3%;
    width: 100%;}
.listado table th{}
.listado table tr{font-size: 11px;}
.listado table td{}