/* CSS Document */
body{
margin:0px;
padding:0px;
background:#FFFFE2;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
font-size:12px;
}
a{
color:#0066CC;
}
.column_contenido{
margin:5px;
}
.fondo_01{
	background:#f6f6f6;}
	
	/* popup */

.popup td{
		padding-left:8px;
		padding-right:8px;}

.head_pop{
	
	height:53px;
} 

.head_pop img{
	margin-top:10px;
	}


/* fin contenido*/
#cuerpo{
	float:left;
	position:relative;
	background:white url(../img/bg_cuerpo.jpg) repeat-y top right;
		
}

#menu{
	width:783px;
	}
	
.dashedspace{
margin-top:5px;
padding-left:3px;
}	

.dashedspace1{
margin-top:5px;
margin-left:3px;
}
/* pie */

.pie{
	height:42px;
	background:url(../img/bg_footer.gif) repeat-x;
	text-align:right;

}
/* fin pie*/

/* MENU */

.menu {
width:783px; 
font-size:0.85em;
position:relative;
z-index:5;
background:url(../img/bg_menu.gif) repeat-x top;

}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:100px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:100px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#3b3b3b;
font-family: "Trebuchet MS", Tahoma, Arial;
font-size: 8.5pt; 
width:100px; 
height:22px; 
border-right:#ccc 1px solid ; 
border-bottom:#ccc 1px solid ; 
padding-left:10px; 
line-height:18px;
background:url(../img/bg_menu.gif) repeat-x top;
}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:22px;
left:0; 
width:100px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:22px;
t\op:22px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:100px; 
top:0;
width:100px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-100px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#eaeaea; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:100px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:100px;
w\idth:100px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:black; 
background:#FFC000;
}
.menu :hover > a, .menu ul ul :hover > a {
color:black;
background:#FFC000;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}



/*fin menu drop*/

#menuright{
	background-image:url(../img/bg_menu2.gif);
	height:23px;
	width:100px;
	float:left;
	position:relative;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}
/* FIN MENU */

/* COMIENZA EVENTOS
*/

.evento_b{
	/*float:left;*/
	/*width:230px;*/
	margin-left:3px;
	width:230px;
	/*position:relative;*/
}
.evento_tit{
	color:#484e5c;
	font-size:8.5pt;
	/*background-image: none;*/
	/*background-position: left top;*/
	/*text-indent: 44px;*/
	/*white-space: pre;*/
	letter-spacing: normal;
	word-spacing: normal;
}
.evento_tit a{
	color:#484e5c;
	font-size:8.5pt;
	text-decoration:none;	
}
.evento_tit a:hover{
	color:#484e5c;
	font-size:8.5pt;
	text-decoration:underline;	
}
.evento_abs{
	color:#787878;
	font-size:8.5pt;	
}
.separador{
border-bottom:1px #999999 dashed;
}
.clearfix {display: inline-table;}
.evento_pre{
	color:#FF4F22;
	font-size:9pt;
	font-weight:600;
	/*background-image: url(../img/iconos/control_play_blue.gif);*/
	/*background-repeat: no-repeat;*/
	text-indent: 0px;
	white-space: normal;
	margin-bottom: 25px;
	
	bottom: 15px;
	
	top: 7px;
}
.foto{
border:1px solid #FF6600;
margin-right:15px;
padding:3px;
}
.titulo_a_m{		
	font-size:11pt;
	font-weight:bold;
	color:#405C8C;	
}
.titulo_a_m a{		
	color:#405C8C;
	text-decoration:none;	
}
.titulo_a_m a:hover{		
	color:#FF6600;
	text-decoration:underline;	
}
.autor_a{		
	font-size:8.5pt;
	font-weight:bold;
	color:#6b6b6b;
	text-align:left;
	
}
.abstract_a{
	font-size:8.5pt;
	color:#7d7d7d;

}
.evento_pre a{
	color:#FF4F22;
	text-decoration:none;

}
.seccion_noticias{

	font-size:17pt;
	color:#F4570B;
	margin-bottom:0px;
	margin-top:20px;
	padding-bottom:5px;
	border-bottom: 1px solid #e5e5e5;
	letter-spacing: -1px;
}

.container_b{	
	
		margin-bottom:5px;

		}
.container{	
	float:left;
	position:relative;
	margin-bottom:4px;
	margin-top:7px;
	padding-bottom:3px;
	border-bottom: 1px solid #dedede;
	
}
/* FIN Eventos */

/* Productos destacados */

.prod_col_a, .prod_col_b {
	width:511px;

	}

.img1{}

.prod_col_a{
	margin-right:15px;
	background-image:url(../img/cuadros_bg1.gif);
	background-repeat:repeat-y;
	margin-top:9px;
	margin-bottom:9px;

}
.prod_col_b{

	
	background-image:url(../img/cuadros_bg1.gif);
	background-repeat:repeat-y;	
	margin-top:9px;
	margin-bottom:9px;
}


.prod_col_c{
	float:left;
	position:relative;
	margin-top:9px;
	margin-bottom:9px;
}


.prod_down{
	float:left;
	position:relative;
	background:url(../img/pub/abajo.gif) no-repeat bottom left;
	height:74px;
	width:511px;
	/*border:red 1px solid;*/
}
.prod_down2{
width:516px;
	float:left;
	position:relative;
	height:34px;
	border: 1px solid #e5e5e5;
	background-color:#656565;
	background-image:url(../img/flacha.gif);
	background-position:left; 
	background-repeat:no-repeat;
	margin-top:10px;
	
	
}
.prod_desc{
	font-size:7.5pt;
	line-height:11px;
	color:#504042;
	/*margin:8px;*/
	background-image: url(../img/iconos/page_go.gif);
	background-repeat: no-repeat;
	background-position: 12px 7px;
	padding: 12px;
	padding-left:16px;
}
.prod_desc a{	
	color:#504042;
	text-decoration:none;	
}
.prod_desc a:hover{
	text-decoration:underline;	
}
.prod_desc2{	
	font-size:8.5pt;
	color:#ffffff;
	margin-left:61px;
	margin-right:10px;
	margin-top:5px;
	line-height:11px;	
}
.prod_desc2 a{	
	color:#ffffff;
	text-decoration:none;
}
.prod_desc2 a:hover{
	text-decoration:underline;
}
/* FIN Productos destacados */

/* modulo fotos*/

.foto_slide{
/*	background-image:url(../img/fotos_bg.gif);*/
	margin-top:10px;
	margin-bottom:10px;}

.pasador{
	background-image:url(../img/block.gif);
	background-repeat:no-repeat;
	vertical-align: middle;
	}
	
.pasador th{
	width:66px;
	color:white;
	text-align:center;
	}	

.pasador th a, .pasador th a:hover{
	color:white;
	}	

	
.pasador td{
	width:17px;
	}	
	
/* fin modulo fotos*/
/* autodiagnostico */ 
#autodiagnostico, #autodiagnostico #foot{
		width:660px;
}

#autodiagnostico{
	padding:4px;
	font-size:8.5pt;
	color: #444;
	background:#FEF2E7;
	
}

#autodiagnostico form{
	margin-left:35px;	
	color:#555;


}

#autodiagnostico ol{
	font-weight:bold;
	}
	
#autodiagnostico h1{
	font-size:12pt;
	color:#023761;
	margin:0;
	}	
	
#autodiagnostico h2{	
	font-size:10pt;
	color:white;
	margin:0;}	
	
#autodiagnostico button	
	{color:#023761;
	 font-weight:bold;
	 margin:10px;
	}
	
.ad_bloque, .ad_bloque1{
 	margin:0;
	padding-top:10px;
	padding-bottom:10px;	
 	}
	
.ad_bloque1{
 	background:#FFFBEF;
	}
		
	
#ad_top{
		background:url(../img/autodiagnostico_bg.png) no-repeat bottom left;
		height:80px;
		padding-left:10px;}	
		
#devolucion {
	border:#FF4F22 2px dashed;
 	background:#FFF2EF;
	color:#FF4F22;
	font-size:12pt;	
	padding:8px;
	margin:20px 10px 20px 10px ;
	}	

/* greybox */

#GB_wrapper{ padding:12px;
	background:white;
	margin:10px;}

/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }	

/* clear */

.clearfix:after {
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* HTML .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */