/* Design & Code (c) Federico Horn */

/* ------------------------------------ */
/* --------->>> SET-UP CSS <<<--------- */
/* ------------------------------------ */


/* Resets: Elementos a limpiar completamente: */
html, body, form, fieldset { 
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Resets: Elementos a limpiar margen vertical: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {
        margin: 1em 0;
        padding: 0;
}
ul, ol, dl {
margin: 0;
}

/* Aplicar margen izquierdo solamente a: */
li, dd, blockquote {
        margin: 0;
        padding: 0;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

/* eliminar borde azul de las imagenes */
a img,:link img,:visited img { 
        border:none; }

/* des-italizar address */
address { 
        font-style:normal; }
        
/* -------- layout ----------- */ 

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-size: 80%;
 background-color: #1C3664;
} 
 
#pagewidth{ 
 width:800px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 background-color: #FFF;
} 
 
#header{
 position:relative; 
 height:225px; 
  background-color:#FFFFFF; 
 width:100%;
 margin: 0 0 10px 0;
 padding: 0;
} 
#header h1 {
text-indent: -99999px;
font-size: 1px;
height: 80px;
width: 800px;
display: block;
background: url(banner.gif) no-repeat center center;
margin: 0;
padding: 0;
} 
h2 {
 color: #986632;
 font-weight: normal;
 font-family: Georgia, times, serif;
 font-size: 200%;
 line-height: 100%;
}
#leftcol{
 width:185px; 
 float:left; 
 position:relative; 
 /*background-color:#F02;*/
  }
 
#twocols{
 width:615px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:150px; 
 float:right; 
 position:relative; 
 /*background-color:#8943F9;*/
 }
 
#maincol{
 background-color: #EAEAEA;  
 float: left; 
 display:inline; 
 position: relative; 
 width:450px; 
 min-height: 395px;
 }
#maincol p, #maincol h2, #maincol ul {
margin: 10px;
padding: 0;
}
#maincol strong {
color: #016698;
}
#maincol.full {
background-color: #66CCCC;
min-height: 395px;
}
#maincol.full h2 {
color: #1C3664;
}
#maincol.full h3 {
color: #016698;
font: bold 120% verdana, arial, helvetica, sans serif;
margin: 10px;
padding: 0;

}
#maincol a {
text-decoration: none;
border-bottom: 1px dotted #FFF;
color: #016698;
}
#maincol ul li {
list-style-image: url(bullet.gif);
margin-left: 16px;
padding: 0;
}
#subcol {
background-color: #F5E4D2;
 width:180px; 
  float: right; 
  min-height: 395px;
} 
#subcol strong {
color: #000;
}
#subcol h5 {
color: #1C3664;
margin: 10px;
padding: 0;
font-size: 110%;
}
#subcol div {
background-color: #fcf5e9;
padding: 2px;
}
#subcol a {
border-bottom: 1px dotted #986632;
}
#cita {
background-color: #E9E9EA;
width: 158px; 
}
#footer{
 height:20px; 
 background:#C3996B url(pie-bg.gif); 
 clear:both;
 font-size: 10px;
 text-align: center;
 color: #FFF;
 line-height: 20px;
 }
#footer a {
color: #FFF;
text-decoration: none;
}  
#footer a:hover {
color: #FFF;
text-decoration: underline;
} 
img.imagen {
float: right;
} 
#cv {
position: absolute;
top: 0;
left: 0;
background-color: #E9E9EA;
margin:20px;
width: 410px;
}
#banner {
width: 800px;
}
#prg1, #prg2 {
position: absolute;
top: 0;
left: 0;
background-color: #FFF;
border: 1px solid #E9E9EA;
margin:20px;
width: 410px;
}
form {
width: 250px;
margin: 10px;
padding: 0;
}
label, input, textarea {
float: left;
clear: both;
width: 100%;
color: #1C3664;
margin-top: 5px;
}
input.textbox, textarea {
border: 1px solid #1C3664;
}

input.button {
width: 70px;
float: right;
margin-bottom: 10px:
}

/* navigation */


/*------- v-menus -----------*/
#navcontainer { width: 162px;}
#navcontainer2 { width: 142px; float: left }

#navcontainer ul, 
#navcontainer2 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-size: 10px;
}
#navcontainer2 ul {
background: url(icons.gif) no-repeat 3px 4px; 
}
#navcontainer a,
#navcontainer2 a
{
display: block;
padding: 3px;
width: 100%;
border: 1px solid #888;
/*background-color: #fff;*/
}
#navcontainer2 a {
text-indent: 17px;
}
#navcontainer a {
width: 165px;
}
#navcontainer a:link, #navlist a:visited, 
#navcontainer2 a:link, #navlist2 a:visited
{
color: #000;
text-decoration: none;
}
#navcontainer a.noborder {
border: 1px solid #FFF;
}
#navcontainer a:hover, 
#navcontainer2 a:hover
{
background-color: #66CCCC;
color: #fff;
border: 1px solid #888;
}
#navcontainer a:hover, #vcurrent {
background: #66CCCC url(here-l.png) no-repeat right center;
}
#navcontainer2 a:hover, #v2current {
background: #66CCCC url(here-r.png) no-repeat left center;
}
#navcontainer ul li.tit {
color: #016698;
font: bold 11px Georgia, Times, serif;
background: none;
border: 1px solid #888;
display: block;
padding: 3px;
width: 165px;
}

/*--------------- h-menu --------------*/
#hnavcontainer ul
{
padding-left: 0;
margin-left: 0;
color: #036;
float: left;
width: 100%;
font: bold 110% Georgia, Times, serif;
background-color: #FFF;
border-top: 1px solid #888;
border-bottom: 1px solid #888;
}

#hnavcontainer ul li { display: inline; }

#hnavcontainer ul li a
{
padding-top: 0.3em;
padding-bottom: 0.3em;
text-align: center;
color: #036;
background-color: White;
text-decoration: none;
float: left;
border-right: 1px solid #888;
letter-spacing: 1px;
width: 199px;
}

#hnavcontainer ul li a:hover, #hnavcontainer ul li a#hcurrent
{
background: #9E7742 url(hmenu-bg.gif);
color: #fff;
}

#menupie {
margin: 10px auto;
color: #016698;
text-transform: capitalize;
width: 800px;
}
#menupie ul {
margin: 0;
padding: 0;
}
#menupie ul li {
list-style: none;
display: inline;
padding-left: 0;
margin-left: 0;
}
#menupie a {
color: #66CCCC;
text-decoration: none;
}
#menupie a:hover {
text-decoration: underline;
color: #FFF;
}
 
 
 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}