/* CSS Document */
@import url("front_menucategorias.css");
@import url("front_menu.css");
@import url("front_footer_general.css");

html, body{
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
padding:0;
}

body{

background-color:#FFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
background-attachment: scroll;
background-image: url('../images/bg_body_home2.jpg');
background-repeat:  repeat-x;
background-position: left top;
background-color:#FFFFFF;
}

img{border:none;}
h1{font-size:18px;}
p{line-height:1.3em;}



#container{
width:980px;
margin-left:auto;
margin-right:auto;
height:100%;
padding:0;
}

#content{
position:relative;
height:100%;
top: -4px;
*top: -1px;
width:980px;
width:expression('982px');
padding-top:5px;
float:left;
margin-bottom:15px;
/*border:1px solid #FF0000;*/
background-color:#FFF;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin-top:5px;
*margin-top: 11px;
}

*html #content{
margin-top: 0px;
top: 2px;
}


/*===========================  HEADER  =============================*/

#header{
height:140px;
height:expression('144px');
/*border:1px solid #FF0000;*/
}

#logo{
height:80px;
width:400px;
/*border:1px solid #000;*/
float:left;
}

#banner_top{
height:80px;
width:530px;
float:right;
}
 
/*===========================  Contenido  =============================*/

/************************ SUB CABECERA ***************************/
#sub_cabecera{	/* ex feature*/
border-bottom:1px dashed #E5E5E5;
float:left;
margin:0 0 10px;
width:100%;
}

#sub_cabecera img{
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
margin-bottom:10px;
margin-right:10px;
margin-top:5px;
padding:3px;
}
#headline {
width:560px;
float:left;
padding:10px;
margin:0;
border-right:1px dashed #E5E5E5;
}

#headline p{ padding-top:10px; line-height:1.5em; font-size:13px;}
#headline h1{}
#headline a{
color:#7EC1E6;
font-size:12px;
font-weight:bold;
}

#headLineDerecho{
width:350px;
float:right;
padding:10px;
}

.notas {
width:330px;
float:right;
padding:0 10px;
line-height:1.3em;
margin-top:3px;
margin-bottom:0px;
border:1px solid #CCCCCC;
background: #F2F5F6 url(../images/brillo01.gif) no-repeat scroll left top;
display:block;
}

.notas h1{
color:#FFF;
font-size:14px;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
}
.notas a{
color:#666666;
text-decoration:none;
font-size:12px;
}
.notas a:hover{
color:#99ccff;
font-size:12px;
text-decoration: underline;
}

.notas img{
margin-right:10px;
border:none;
width:70px;
height:56px;
float:left;
}




/************************ Columna izquierda ***************************/

#columnaIzquierda{
background-color:#FFFFFF;
float:left;
height:100%;
line-height:18px;
margin-right:5px;
padding-right:5px;
width:470px;
}

#columnaIzquierda h3 {
border-bottom:1px dashed #CCCCCC;
border-top:1px dashed #CCCCCC;
color:#ABA8A6;
font-size:21px;
font-variant:small-caps;
font-weight:bold;
margin-bottom:10px;
padding-bottom:4px;
padding-left:5px;
padding-top:4px;
}

.notaIzquierda {
margin-bottom:1px;
margin-top:10px;
}

.notaIzquierda h1{padding-left:20px;}

.notaIzquierda h1 a {
background-attachment:scroll;
background-image:url('../images/arrow01.jpg');
background-position:left top;
background-repeat:no-repeat;
color:#7EC1E6;
font-size:15px;
font-variant:normal;
font-weight:bold;
margin-bottom:0;
margin-top:5px;
padding-left:20px;
text-decoration:none;
}

.notaIzquierda p{
color:#666666;
padding-left:20px;
line-height:1.3em;
}

.notaIzquierda img{
margin-right:7px;
margin-bottom:7px;
}

/************************ Columna Derecha ***************************/
#columnaDerecha {
background-color:#F2F5F6;
border:1px solid #CCCCCC;
float:right;
height:100%;
margin-right:5px;
padding-right:5px;
}

/* Clase para IE6 */ 
*html #columnaDerecha {
width:480px;
}


.floatFix {
padding-bottom:5px;
}
.columnaColor {
background:#FAFAFA none repeat scroll 0 0;
border:1px solid #D4D4D4;
float:left;
height:100%;
margin-bottom:5px;
margin-left:5px;
margin-top:5px;
overflow:hidden;
padding:10px 12px 15px;
width:250px;
}
/* Clase para IE6 */ 
*html .columnaColor {
padding:5px 7px 10px;
}
.columnaColor hr{
border:1px dashed #E5E5E5;
}

.notaTop img{border:1px solid #CCCCCC; padding:3px;}

.notaTop h3{font-size:13px;}
.notaTop h3 a {
color:#335577;
font-weight:bold;
text-decoration:none;
}

#sidebar2 {
background-color:#F2F5F6;
display:block;
float:right;
font-family:Arial,Helvetica,sans-serif;
margin-left:5px;
margin-top:5px;
padding-bottom:30px;
width:196px;
}

.pieNota{
color:#666666;
margin-left:10px;
font-size:10px;
font-weight:bold;
}

.pieNota img{ border:none }

#pubMedio{margin-left:20px;}