/*------------------------------------------------------------------------------------------------
  Reset
  ----------------------------------------------------------------------------------------------*/
body { width: 780px; margin: 0 auto; padding:0; font: 10px Verdana,Arial,Helvetica,sans-serif; background: #FFFFFF url(../imagenes/fondoBody.png) no-repeat center top; }
p, h1, h2, h3, h4, h4, div, li, a, img { margin: 0; padding: 0; }
.textoCMS { margin: 10px 0; }
img { border: none; }

/* Tipografias */
h1 { font: normal 22px/30px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000; }
h2 { font: bold 16px/28px Arial, Helvetica, sans-serif; color:#8e8d87; border-bottom: 2px solid #f8c300; margin: 0 0 10px; padding: 0 0 4px; }
h3 { font: bold 14px/18px Arial, Helvetica, sans-serif; color:#53534f; }
p, li, dd, dt, pre, .textoCMS, td, label { font: normal 12px/18px "Lucida Grande","Lucida Sans Unicode", "Trebuchet MS", Arial,Verdana,sans-serif; color: #53534f; }
.breadcrumbs { font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif; color:#444; margin: 0 0 10px 0; }
h1, h2, h3, h4, h5, h6, p, div, label { height: 1%; }
p { margin: 0 0 18px; }

/* Listas */
ul, ol { margin: 0px 0px 18px; padding: 0 10px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin: 0 0px; padding: 0 30px;}
ul { list-style: square; }
ul ul { list-style: disc; }
ul ul ul { list-style: circle; }
ol { list-style: decimal inside; }
ol ol { list-style: upper-roman; }
ol ol ol { list-style: upper-alpha; }
li { margin: 4px 0; padding: 0;}
ul p, ol p, dt p, dd p { margin: 0; }
dt { font-weight: bold; margin: 18px 0 4px;}
dd { margin: 0 10px 4px; }

/* Links */
a { color: #c39900; }
a:hover { color: #932917; }

/* Formularios
 * Revisar el tema de los radio y los checkboxes.
 */
form { margin:0; padding: 10px 0 18px; }
fieldset { padding: 18px; }
label { font-weight: bold; display: block; }
label span{ font-weight: normal; color:#666; }
select { color:#000; padding: 2px; } 
input, textarea { color:#000; padding: 4px; margin: 0 0 18px; font: 13px/18px Arial, Helvetica, sans-serif; }
textarea { overflow: auto; height: 120px;}
button { padding: 3px; }
.aclaraciones { font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif; color:#444; margin: -18px 0 18px; }

/*------------------------------------------------------------------------------------------------
  Layout
  ----------------------------------------------------------------------------------------------*/
#contenedor { overflow: hidden; background: #FFFFFF; }
	#top { margin: 0; padding: 0;}
	#contenido { width: 100%; overflow: hidden; clear:both; background: url(../imagenes/fondoContenido.png) no-repeat left bottom;}
		#lateral { width: 165px; float: left; padding: 20px 10px 20px 20px; margin: 0; background: url(../imagenes/fondoMenuLateral.png) repeat-x left top; }
		#principal { width: 545px; float: right; padding: 6px 18px 19px 20px; background: url(../imagenes/fondoContenidoPrincipal.png) no-repeat left top; } /* era 545 */
	#pie { padding: 20px; background: #FFFFFF url(../imagenes/fondoPie.png) no-repeat left top; }

/*------------------------------------------------------------------------------------------------
  Top
  ----------------------------------------------------------------------------------------------*/
#idiomas { font: 11px/30px Arial, Helvetica, sans-serif; color: #932917; background: #f4c725 url(../imagenes/fondoBarraIdiomas.gif) no-repeat left top; height: 30px; text-align: right; padding-right: 20px; }
.ingles { font: 11px/30px Arial, Helvetica, sans-serif; color: #473423; background: url(../imagenes/gb.png) no-repeat left center; padding-left: 20px; }
.castellano { font: 11px/30px Arial, Helvetica, sans-serif; color: #473423; background: url(../imagenes/arg.png) no-repeat left center; padding-left: 20px; }
#logo { background: url(../imagenes/logo.gif) no-repeat left top; height: 111px; width: 195px; float: left; display: block; overflow: hidden; text-indent: -9999px; text-decoration: none; }
.slogan { background: url(../imagenes/slogan.gif) no-repeat left top; height: 111px; width: 585px; margin: 0; display: block; overflow: hidden; text-indent: -9999px; float: left; }

/*------------------------------------------------------------------------------------------------
  Contenidos
  ----------------------------------------------------------------------------------------------*/
/* Menu Lateral */
#lateral ul { list-style: none; padding: 0 0; margin: 0; }
#lateral ul ul { list-style: none; padding: 0 0 4px; margin: 0 0 10px; border-bottom: 1px solid #e5e4e2; }
#lateral li { margin: 0; padding: 0; font: bold 13px/18px Arial, Helvetica, sans-serif; color: #786e67; }
#lateral li a { display: block; margin: 0; padding: 2px 0; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #c39900; text-decoration: none;}
#lateral li a:hover { color: #932917; text-decoration: none; }


/* Principal */
.listado { margin: 10px 0 0; }
.listado .item { margin: 0 0 18px; width: 100%; overflow: hidden; }
.listado .item img { float: left; margin: 4px 0 0 0;}
.listado .item h3 { margin: 0 0 0 88px; }
.listado .item p { margin: 0 0 0 88px; }

/*------------------------------------------------------------------------------------------------
  Pie de Pagina
  ----------------------------------------------------------------------------------------------*/
#pie p { margin: 0; font: 11px/18px Arial, Helvetica, sans-serif; color: #53534f; }
#pie p.creditos { float: right; font: 11px/18px Arial, Helvetica, sans-serif; color: #909089; }
#pie a { color: #c39900; text-decoration: none; }
#pie a:hover { text-decoration: underline; }

/*------------------------------------------------------------------------------------------------
  Paginador
  ----------------------------------------------------------------------------------------------*/
#paginador { margin: 20px 0 0; padding: 0; list-style: none; text-align: center; }
#paginador li { display: inline; font: bold 1.1em/1.8em Verdana, Arial, Helvetica, sans-serif; margin: 0px 4px 0px 0px; }
#paginador li a { color:#152758; padding: 6px 8px; text-decoration: none; background: #ffffff; border: 1px solid #CCCCCC; }
#paginador li a:hover{ background: #152758; color:#FFFFFF; text-decoration: none; border: 1px solid #152758; }
#paginador li.actual { font: bold 1.1em/2.8em Verdana, Arial, Helvetica, sans-serif; padding: 6px; color: #31313F; }

/*------------------------------------------------------------------------------------------------
  Popup Fotos
  ----------------------------------------------------------------------------------------------*/
.pifotopopup { float: right; margin: 0px 0px 10px 10px; padding: 4px; outline: none; background: #EEEEEE; cursor: url(../js/pi-popup/imagenes/zoomin.cur) , pointer; clear: none; border: 1px solid #E2E2E2; }
.pifotopopup:hover { float: right; margin: 0px 0px 10px 10px; padding: 4px; outline: none; background: #EEEEEE; border: 1px solid #1E1E1E; }
.pifotopopup img { margin: 0; padding: 0; outline: none; border: none; }
.pifotopopup-image { border: 8px solid white; }
.pifotopopup-image-blur { }
.pifotopopup-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 1em; padding: 5px; background-color: white; }
.pifotopopup-display-block { display: block; }
.pifotopopup-display-none { display: none; }
.pifotopopup-loading { display: block; color: white; font-size: 0.9em; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; padding-left: 22px; background: black url(../js/pi-popup/imagenes/loader.gif) no-repeat 3px 1px; }
a.pifotopopup-credits,
a.pifotopopup-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 1em; }
a.pifotopopup-credits:hover,
a.pifotopopup-credits:hover i { color: white; background-color: gray; }

/*------------------------------------------------------------------------------------------------
  Popup Css
  ----------------------------------------------------------------------------------------------*/
#unitip { top: -1000px; left: -1000px; position:absolute; z-index:1000; color:#fff; font:normal 10px/15px Verdana, Arial, Helvetica, sans-serif; display:none; }
#unitippoint, #unitipmid, #unitipcap { position:relative; top:0px; left:0px; width:145px; display:block; }
#unitippoint { background:url(../js/unitip/TipPoint.png) no-repeat; height:19px; overflow:hidden; }
#unitipmid { background:url(../js/unitip/TipMid.png) repeat; width:115px; height:auto; padding:5px 15px; }
#unitipcap { background:url(../js/unitip/TipCap.png) no-repeat; height:7px; overflow:hidden; }