/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font: 14px Geneva, Arial, Helvetica, sans-serif; 
} 

.number {
	margin: 0;
	padding: 50px 0 0 250px;
	position:relative;
	font-size: 18px;
	color:#fff;}

#pagewidth{ 
 width:720px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 

 
#header{
 background:#fff url(images/icons/main.jpg) top left no-repeat;
 position:relative; 
 height:154px; 
 margin: 30px 0 3px 0;
 width:719px;
} 

#head {
 width: 350px;
 margin: 0 0 0 20px;
 padding-top: 10px;
 color: #036;
 font-size: 11px;}


/* dropdown */

#dropdown {
width: 100%;
z-index: 400;
margin-bottom: 30px;
margin-left: 1px;
}
#dropdown ul {
list-style: none;
margin: 0;
padding: 0;
width: 119px;
float: left;
}



#dropdown h3 {
display: block;
border-width: 1px;
border-style: solid;
border-color: none;
margin: 0;
color: #fff;
background: #7A92B9;
font: 16px Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
cursor: pointer;
text-align: center;
padding: 2px 3px;
}

#dropdown h3 a {
color: #fff;
background: #7A92B9;
font: 16px Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
border:none;
padding: 0;
margin:0;
}
#dropdown h3:hover {
background: #fff;
border-color: #ccc #fff #fff #fff;
color: #333;
}

#dropdown a {
display: block;
border-width: 1px;
border-style: solid;
border-color: none;
margin: 0;
padding: 2px 3px;
color: #fff;
background: #508198;
text-decoration: none;
font: 13px/16px arial, helvetica, sans-serif;
}

#dropdown a:hover {
color: #000;
background: #fff;
}

#dropdown li {position: relative;}

#dropdown ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#dropdown ul ul {
position: absolute;
z-index: 500;
}

div#dropdown  ul ul,
div#dropdown  ul li:hover ul ul,
div#dropdown  ul ul li:hover ul ul
{display: none;}


/* IE hacks */

div#dropdown ul ul {
display: none;
}
div#dropdown ul li:hover ul
{display: block;}

/* left column */

#leftcol{
 width:239px; 
 float:left; 
 position: static;
 background-color:#fff; 
 }
 
.cojinetes {
 width: 239px;
 height: 61px;
 background:#fff url(images/icons/left.gif) top left no-repeat;
 margin: 20px 0 0 0;
 }
.cojinete {
 width: 224px;
 border-right:1px #C1CCDD solid;
 border-left:1px #C1CCDD solid;
 border-bottom: 1px #C1CCDD solid;
 }
.cojinetes-content {
 padding: 0 20px 40px 30px;
 color:#003;
 font: 14px Geneva, Arial, Helvetica, sans-serif;
 }
.cojinetes-content a {
 color: #036; 
 text-decoration:none;
 border-left: 13px #ccd solid;
 padding-left: 5px;
 }
.cojinetes-content a:hover {
 color: #036; 
 text-decoration:none; 
 background: #ccd;
 border-left: 13px #f90 solid;
  }
  
p {
 text-indent: 5px;
 }
 
h1 {
 font: 28px Geneva, Arial, sans-serif; 
 color: #fff; background-color:#C0CBDD;
 font-weight: normal;
 padding-left: 20px;
 border-bottom: #333 1px dotted;
 margin: 2px 0 10px 0;
 text-align:left;
 }
 
h2 {
 font: 18px Geneva, Arial, sans-serif; 
 color: #036;
 font-style:italic;
 text-indent: 40px;
 margin-right: 20px;
 text-align: left;
 }
 
h4 {
 font: 14px Geneva, Arial, sans-serif; 
 font-weight: bold;
 color: #f60;
 text-decoration: underline;
 padding: 0;
 margin: 0 0 10px 0;
 }
 
#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:450px; 
 margin: 20px 0 20px 0;
 font: 15px Geneva, Arial, sans-serif; 
 text-align: justify;
 }
 
#maincol a {
 color: #f60;
 }
 
#maincol a:hover {
 color: #333;
 background: #C2CEE4;
 }
 
.imageleft {
 border-color: #666 #fff #666 #fff;
 padding: 10px;
 }
 
.imageleft img {
 float: left;
 padding: 3px;
 border: #999 1px solid;
 margin: 5px 10px 5px 0px;
 }
 
.clr {
 clear: both;}
 
#footer{
 height:40px; 
 background:#fff;
 border-top: #999 1px solid; 
 clear:both;
 margin: 30px 0 30px 0;
 padding: 5px 20px 2px 2px;
 text-align: right;
 } 
#footer a {
 color: #f90;
 }
 
#footer a:hover {
 color: #333;
 background: #C2CEE4;
 }

.red {color: #ff0; font-weight: bold;}
.red:hover {color: #f00; font-weight: bold;}
 
.invisible {
display: none;}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;
}

/* 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;} 
#twocols, #maincol{width:100%; float:none;}
}