/**--------Estilos generico--------**/

*{
margin:0px;
padding:0px;
}

body{
/*font-family: Georgia,"Times New Roman",Times,serif;*/
font-family: Sans-serif,"Arial",Verdana;
font-size: 12px;
font-weight: normal;
text-decoration: none;
background-image:url(./../imgs/fondo_degradado2.gif) ;
background-repeat:repeat-x;
}

a:link{color:#008182;}
a:hover{color:#f49f26;}
a:visited{color:#093958;}
a:active {color:#008182;}  /* selected link */

img{border:none;}

h1{
color:#eb6a28;
line-height: 1.8em;
/*width: 673px;*/
margin-bottom:20px;
margin-top:10px;
background:transparent url(./../imgs/linia.gif) repeat-x scroll left bottom;
}

h2{
color:#eb6a28;
margin-bottom:15px;
margin-top:15px;
}

ul{
list-style-type: none;
}

ul.bullets{
list-style-image: url(./../imgs/dropdown_linkbg.gif);
}

.strong{
color:#eb6a28;
font-weight: bold;

}



/**----suamrio------------**/
.actualizacion{
padding-left:15px;
color:#000;
font-weight: bold;
font-size:16px;
}
.autores{
font-style: italic;
margin-right:2px;
}

.candado {
float:right;
}
.cabecerasumario{
margin-bottom:10px;
font-size:18px;
}

.titulosumario{
font-size:14px;
font-weight:bold;
color:#4C4F99;
}

/**-------articulo--------**/
.biblio{
margin-right:5px;
}

.colbiblio{padding-bottom:3px;}

.textoIntro{
padding-bottom:10px;
}

.numerobiblio{
text-align:center;
float:left;
width:22px;

}

div#header{background-color:#F3F2ED;}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;}

div#container{text-align:left; width:1000px;margin:0 auto; height:100%;}
div#containerPopUp{
text-align:center;
}

div#content{
float:right;
margin-right:10px;
width:765px;}

div#content p{
margin:10px;
}

#busqueda{
float:left;
margin-top:-35px;
}

#login{
float:left;
margin-top:10px;
color:#008182;
font-weight:bold;
background:#ffffff;
}

.orginter ul{
margin-left:50px;
padding-bottom:5px;
margin-top:15px;
}

#busqueda p{
color:#008182; 
}

div#banner{
float:left;clear:left;
width:180px;
margin-top:40px;
padding:5px;
}
/*
div#anuncio{
border:2px solid #EB6A28;
width:144px;
}
*/

div#cabecera{float: right;}
div#logo{float: left;}

.imgportada{
float: right;
width: 190px;
margin-bottom:10px;
margin-right:15px;

}

.imgsumario{
float: right;
width: 130px;
margin-bottom:10px;
margin-right:15px;

}

.contentHome{
float:left;
width:545px
}

.contentHome ul{
margin-left:40px;
margin-top:15px;
}

/**--------GALERIA---------------**/

.contentTree{
    width:380px;
    float:left;
    height:400px;
}
.divTableContent{
    height:360px;
    overflow:auto;
    width:370px;
}
.contentCriteriosSel{
    width:355px;
    float:left;
    margin-left:30px;
    margin-top:15px;
}
.contentPanelCriterios{
    height:350px;
    OVERFLOW: auto;
}

/**--------FIN GALERIA-----------**/

/**--------MENU Principal--------**/

a.cabecera{
font-weight: bold; 
font-size:13px;}

ul.topnav {
	list-style: none;
	padding: 0 20px;
        margin-top:3px;
        margin-right:5px;
	float: right;
	width: 720px;
	background: #FFF;
	font-size: 1.2em;
	background: url(./../imgs/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #008182;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	/*background: url(./../imgs/topnav_hover.gif) no-repeat center top;*/
        
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(./../imgs/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #d0ebf0;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #FFF;
        z-index:1;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #FFF; /*--Create bevel effect--*/
	border-bottom: 1px solid #FFF; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
        color:#008182;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #b8d5d8 no-repeat 10px center;
}


/**--------FIN MENU Jquery--------**/

.tablacolores
{
margin-bottom:15px;
text-align:center;
width:600px;
}

.tipoB
{
margin:20px;
padding:5px;
}

/**----------Menu Articulos------------**/

.lavaLampWithImage {
width:700px;
/*background: url("./../imgs/submenu.gif") no-repeat center;*/
overflow: hidden;
}

.lavaLampWithImage li {
float: left;
list-style: none;
}

.lavaLampWithImage a {
text-decoration: none;
color: #008182;
float: left;
height:20px;
margin-top:4px;
font-weight: bold;
margin-left:10px; 
margin-bottom:20px;
padding-top:5px;
padding-right:10px;
border-right:1px dotted ;

}


.lavaLampWithImagePopUp{

background-color:white;
margin-top:15px;
}

.lavaLampWithImagePopUp li {
float: left;
list-style: none;
}

.lavaLampWithImagePopUp a {
text-decoration: none;
color: #008182;
float: left;
height:20px;
margin-top:4px;
font-weight: bold;
margin-left:10px; 
margin-bottom:20px;
padding-top:5px;
padding-right:10px;
border-right:1px dotted ;

}

/**----------CAJA USUARIO-----------**/
.caja {     
width: 190px;
float:left;
margin-top:15px;
background-color: #D0EBF0;
}

.caja p{
text-align:center;
margin-top:15px;
margin-bottom:20px;
}

.caja h3 { margin: 0; padding: 0.4em; text-align: center; color:#EB6A28; }


/**--------OSX--------**/

#osx-modal-content2,#osx-modal-contenta4,#osx-modal-contenta3,#osx-modal-contenta2,#osx-modal-contenta, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#000; cursor:wait;}

/* Container */
#osx-container {background-color:#cfeaef; color:#000; font-family:"Lucida Grande",Arial,sans-serif; font-size:.9em; padding-bottom:10px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#osx-container #osx-modal-title {color:#FFF; background-color:#008182; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; }
#osx-container .close {display:none; float:right;}
#osx-container .close a {display:block; color:#777; font-size:.8em; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}


#osx-container {
max-height: 490px;
}
#osx-modal-data {
padding-left:25px;
padding-right:13px;
padding-bottom:-20px;
max-height: 450px;
overflow:auto;
}

#osx-modal-data li{
padding:4px;
font-size:11px;
}

#osx-container h2 {margin:10px 0 6px;}
#osx-container p{
margin-bottom:10px;
padding-top:12px;
}
#osx-container span {color:#777; font-size:.9em;}


#wrapper-outer {
background:#FFFFFF ;
padding:0 0 1px;
min-height:500px;
padding-left:10px;
padding-right:10px;
margin:auto;
width:1000px;

/*temas sombras*/
-moz-box-shadow:0 0 5px 5px #999;
-webkit-box-shadow:0 0 5px 5px #999;
filter: progid:DXImageTransform.Microsoft.shadow(color=#999999,direction=125,strength=5);

}

/**-----Footer------**/

#footer-outer {
clear:both;
background:#FFFFFF url(./../imgs/bg-footer-top.gif) repeat-x scroll left top;
height:86px;
}

#footer {
margin:0 auto;
padding-top:14px;
text-align:left;
width:900px;
}

.footernav{
margin-left:60px;
color:#008182;
}


.footerimg{
float: right;
}

/******************Skin Trinidad**********************/


.af_inputText{
text-align:left;
padding-bottom:12px;
}

.AFFieldTextMarker{
margin-left: 17px;
font-size:12px;

}

.af_commandButton{

margin-bottom:12px;

}


/* ************** Cajas de Texto para mensajes ******************* */

.round-a-gray {
background:#444444 url(./../imgs/round_gray-left.png) no-repeat scroll left top;
color:#FFFFFF;
text-align:center;
}

.round-a-gray div {
background:transparent url(./../imgs/round_gray-right.png) no-repeat scroll right bottom;
padding:40px;

}

.round-a-green {
background:#e5f2f1 url(./../imgs/round_green-left.png) no-repeat scroll left top;
color:#000000;
text-align:center;
}

.round-a-green div {
background:transparent url(./../imgs/round_green-right.png) no-repeat scroll right bottom;
padding:20px;

}

.round-a-white{
text-align:center;
}

.round-a-white div {
padding:20px;}

.textoimportantecentrado {
font-weight:bolder;
text-align: center;
}


/*************** Jquery Estilos ********************/


.toggler { width: 500px; height:100px; }
#button { padding: .5em 1em; text-decoration: none; }
#effect { width: 700px; padding: 0.4em; position: relative; }
#content1 h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; } 


.button {
padding:0.5em 1em;
text-decoration:none;
}


.buttonFav {
padding:0.5em 29px;
text-decoration:none;
}

.buttonCerrarSesion {
padding:0.5em 24px;
text-decoration:none;
}


.divAviso{
border:1px solid #EB6A28;
color:#222222;}


.scrollhorizontal {
height:75px;

overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
width:690px;
}

/**************pagination***********/

.active
{
color:#000000 !important;
padding:3px 5px;
margin:5px;
text-decoration:none;
font-weight:bold;
}
.inactive
{
color:#EB6A28 !important;
cursor:default;
text-decoration:none;
padding:3px 5px;
margin:5px;
font-weight:bold;
}

.paginator{
float:left; width:700px;
padding-bottom:15px;
padding-top:15px;
font-family: Verdana,Georgia,"Times New Roman",Times,serif;
}


.listaEstrella {
    float:left;
    width:24px;
    margin-top:6px;
}

.listaEstrellaTexto {
    float:left;
    width:680px;
    margin-top:2px;
    padding-bottom:2px;
    min-height:17px;
}

.listaEstrellaTextoLargo {
    float:left;
    width:740px;
    margin-top:2px;
    padding-bottom:2px;
}


.listaEstrellaTextoCorto {
    float:left;
    width:640px;
    margin-top:2px;
    padding-bottom:2px;
}

.cursiva {
 color:#eb6a28;
 font-style: italic;
}

img.estrella {
margin-top:-2px;
margin-right:5px;
width:12px;
height:12px;
}

.portadaNumAnt {
height:182px;
width:136px;
}

div#divTable1, div#divTable2, div#divTable3, div#divTable4 { 
position:absolute !important;
}
/**--------
embed#Advertisement {
    max-width:140px;
    max-height:140px;
}
--------**/