* {
 padding: 0;
 margin: 0;
}
body {
 font-family: Arial;
 color: #000000;
 font-size: 12px;
 background-color: #FFFFCC;
 }
 
img {
padding: 3px;
border: solid 0px #192942;
}

img.floatTL {
float: left;
margin-right: 1em;
margin-bottom: 1em;
margin-top: 1em;
}

img.floatTR {
float: right;
margin-left: 1em;
margin-bottom: 1em;
margin-top: 1em;
}

h3{
font-size: 1em;
color: #E9E0A7;
background-image: url(images/hbgsm.jpg);
background-repeat: no-repeat;
padding-left: 30px;/* alinear text de plek*/
padding-top: 6px;
padding-bottom: 6px;
margin-left: 7px;}

#wrapper {
 width: 770px;
 margin: 0 auto;

}

#navbartop {
 margin: 0px 5px 5px 5px;
 background-color: #192942;
 height: 45px;
 background-image: url(images/navbg1.jpg);
 background-repeat: no-repeat; 
 padding: 3px;
}
#navbartop a{
font-size: 1em;
color: #192942;
text-decoration: none;
}

#navbartop a:link{
color:#192942;
background:transparent;
}

#navbartop a:visited {
color:#192942;
background:transparent;
}

#navbartop a:active {
color:#192942;
background:transparent;
}

#nav1 {
 padding: 0;
 height: 2.1em;
 margin-top: 15px;
 text-align: center;
 color: #FF0099;
 /*family-name: arial;*/
 font-size: 24px;
 font-weight: bold; 
 }
#navbaruser {
 margin: 0px 5px 5px 5px;
 background-color: #192942;
 height: 20px;
 text-align: left;
 padding: 3px;
 }
#navuser li {
 list-style-type: none;
 display: inline;
 line-height: 20px;
 }		
#navuser li a { 
 text-decoration: none; 
 color: #E9E0A7;
 border-bottom: thin;/*aki hay varias opciones  border-bottom: medium solid #ff0000*/
 font-size: 1.1em;
 font-weight: bold;
 }
#navuser li a:hover { 
 color: #E9E0A7; 
}
#navuser li a.on { 
 color: #E9E0A7; 
 }
 
#navbar {
 margin: 0px 5px 5px 5px;
 background-color: #192942;
 height: 45px;
 background-image: url(images/navbg1.jpg);
 background-repeat: no-repeat;
/* text-align: right;*/
 padding: 3px;}
  
#nav {
 padding: 0;
 height: 1.1em;
 margin-top: 15px;
 text-align: left;
  }
#nav li {
 list-style-type: none;
 display: inline;
 line-height: 20px;
 }		
#nav li a { 
 text-decoration: none; 
 color: #E9E0A7;
 border-bottom: thin;/*aki hay varias opciones  border-bottom: medium solid #ff0000*/
 padding: 5px 10px;
 font-size: 1.1em;
 font-weight: bold;
 }
#nav li a:hover { 
 color: #E9E0A7; 
}
#nav li a.on { 
 color: #E9E0A7; 
 }
 /*PARTE DEL MENU PRINCIPAL*/

#navmedia {
 padding: 0;
 height: 1.1em;
 margin-top: 0px;
 text-align: left;
  }
#navmedia li {
 list-style-type: none;
 display: inline;
 line-height: 20px;
 }		
#navmedia li a { 
 text-decoration: none; 
 color: #E9E0A7;
 border-bottom: thin;/*aki hay varias opciones  border-bottom: medium solid #ff0000*/
 padding: 5px 10px;
 font-size: 1.1em;
 font-weight: bold;
 }
#navmedia li a:hover { 
 color: #E9E0A7; 
}
#navmedia li a.on { 
 color: #E9E0A7; 
 }
 /*PARTE DEL MENU PRINCIPAL*/



 /*HEADER*/
#header {
 border: 0px #192942 solid;
 margin: 5px 5px 5px 5px;
 height: 80px;
 padding: 0px;
 /*background-color: #192942;*/
 background-image: url(images/hbgsm.jpg);
 background-repeat: repeat;
 }
#header h1 {
 color: #192942;
 font-size: 1.7em;
 text-decoration: underline;
 }
#header a {
 color: #192942;
 font-size: 1em;
 text-decoration: none;
 font-weight: bold;
 }
#maintext {
 border: 1px solid #988237;
 margin: 0px 5px 5px 5px;
 padding: 4px;
 background-color: #ffffff;
}
#maintext h1{
color: #FF0099;
font-size: 1.5em;
background-image: url(images/hbgROSA.gif);
background-repeat: no-repeat;
padding-left: 58px;
padding-bottom: 6px;
padding-top: 6px;
}
#maintext h2{
color: #FF0099;
font-size: 1.5em;
background-image: url(images/hbgROSA.gif);
background-repeat: no-repeat;
padding-left: 65px;
padding-bottom: 8px;
padding-top: 8px;
}
#maintext p{
color: #FF0099;
text-align: justify;
padding-top: 10px;
padding-left: 5px;
padding-bottom: 10px;
padding-right: 11px;
}
#maintext a{
color: #FF0099;
text-decoration: none;
}
#maintext a:hover{
color: #FF0099;
}

#scroll
{
width: 300px ;
height: 210px;
background:#ffffff;
}

.inset
{ 
float:right;
width:346px;
padding:5px;
border:#FFFFCC 1px solid;
margin:5px 0 0 5px;
background:#FFFFCC;
color:inherit;
font-size:85%;
}

blockquote {
font-family: arial;
font-size: 1.5em;
background-color: #ffffff;
margin: 5px;
padding: 10px;
text-align: justify;
}

/* ---------------------------- */
#leftcolumn1 { /* Parent Wrapper for inside boxes */
 margin: 0 0px 0px 5px;
 display: inline; /* IE Hack */
 width: 180.5px;
 float: left;
 min-height: 300px;
 padding: 4px;
 border: 1px solid #192942;
 
}
* html #leftcolumn1 {height:300px} /* IE Min-Height Hack */ 

#leftcolumn2 { /* Parent Wrapper for inside boxes */
 margin: 0 0px 0px 0px;
 display: inline; /* IE Hack */
 width: 180px;
 float: left;
 min-height: 300px;
 padding: 4px;
border-top: 1px #192942 solid;
border-bottom: 1px #192942 solid;}
* html #leftcolumn2 {height:300px} /* IE Min-Height Hack */ 
/* ---------------------------- */
p {text-indent: 20px}

/* ---------------------------- */
#rightcolumn1 { /* Parent Wrapper for inside boxes */
 
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 4px;
 width: 181px;
 float: left;
 min-height: 300px;
border-top: 1px #192942 solid;
border-bottom: 1px #192942 solid;
border-left: 1px #192942 solid;}
* html #rightcolumn1 {height:300px;
border-left: 1px #192942 solid;} /* IE Min-Height Hack */ 

#rightcolumn2 { /* Parent Wrapper for inside boxes */
 border: 1px solid #192942;
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 4px;
 width: 181px;
 float: left;
 min-height: 300px;
}
* html #rightcolumn2 {height:300px} /* IE Min-Height Hack */ 
/* ---------------------------- */
#leftcolumn1 ul, #leftcolumn2 ul, #rightcolumn1 ul, #rightcolumn2 ul{
margin-left: 30px;
margin-top: 20px;
color: #192942;}

#leftcolumn1 li, #leftcolumn2 li, #rightcolumn1 li, #rightcolumn2 li{
padding-top: 10px;
padding-left: 10px;
}

#leftcolumn1 a, #leftcolumn2 a, #rightcolumn1 a, #rightcolumn2 a{
color: #192942;
font-weight: bold;
text-decoration: none;}

#footer {
 border: 1px solid #FFFFCC;
 background-color: #FFFFCC;
 margin: 5px 5px 5px 5px;
 display: inline; /* IE Hack */
 padding: 4px;
 float: left;
 width: 750px;
 height: 4em;

background-repeat: repeat-x;
text-align: center;
font-size: 1em;}

#footer a{
color: #cc4400;}

