/* CSS Document */

body {
background:#fff;
text-align:center;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:9pt;
}

p{
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:9pt;
margin:0 0 10px 0;
padding:0;
text-align:justify;
}

#wrapper {
width:850px!important;
background:url(../images/bk-body.jpg) top left no-repeat;
margin:20px auto 0 auto;
position:relative;
}

#wrapper2{
background:url(../images/bk-wrapper.jpg) bottom right no-repeat;
width:850px;
position:relative;
}

#header {
width:850px;
float:right;
text-align:right;
}

#logo-cce {
width:850px;
float:right;
}

#menu-sec {
width:850px;
float:right;
}

#mainmenu {
width:510px!important;
width/**/:750px;
height:88px!important;
height/**/:118px;
padding:30px 0 0 240px;
float:right;
background:url(../images/bk-mainmenu.gif) top right no-repeat;
text-align:left;
}

#main {
width:850px;
float:left;
background:url(../images/bk-main.gif) top right repeat-y;
position:relative;
}

#footer {
width:830px!Important;
width/**/:850px;
float:left;
padding:10px;
margin-top:15px;
}

#footer p{
text-align:right;
font-size:8.5pt;
color:#888;
}


/*main*/

#left {
width/**/:222px;
float:left;
position:relative;
}

#usuarios {
width:162px!Important;
width/**/:222px;
float:left;
background:url(../images/bk-usuarios.gif) top center no-repeat;
margin:60px 0 0 0px;
padding:10px 30px;
}

#banners {
width:202px!Important;
width/**/:222px;
float:left;
margin:10px 0 0 0px;
padding:10px;
}

#texto{
width:588px!Important;
width/**/:628px;
padding:0 30px 10px 10px;
float:left;
}
/*estilo menu secundario*/

#menu-sec ul{
margin:0;
padding:0;
text-align:right;
list-style:none;
}

#menu-sec ul li {
padding:0 8px;
font-size:8.5pt;
border-right: 1px solid #333;
display:inline;
float:right;
 }


/*estilo menu secundario*/

#usuarios ul{
margin:0 auto!important;
margin/**/:0 2px;
padding:0 5px;
list-style:none;
}

#usuarios ul li {
width:137px;
margin:3px 0;
padding:0 4px 8px 8px;
font-size:8.5pt;
border-bottom: 1px solid #ebebeb;
display:block;
text-align:left;
float:left;
background:url(../images/bullet-usuarios.gif) top left no-repeat;
}

#usuarios h3 {
margin:0 0 5px 0;
padding:0;
font-size:8pt;
text-align:center;
float:left;
text-transform:uppercase;
color:#000;
font-weight:bold;
}

h2 {
color:#6F5D44;
font-size:13pt;
text-align:left;
margin:0 0 10px 0;
padding:0;
font-weight:bold;
text-transform:uppercase;
}

h3 {
color:#6F5D44;
font-size:10pt;
text-align:left;
margin:5px 0 10px 0;
padding:0;
font-weight:bold;
}

/*link*/

a:link, a:visited {
color:#22180C;
font-weight:normal;
text-decoration:none;
}


a:active, a:hover {
color:#22180C;
font-weight:normal;
text-decoration:underline;
}


.tabla {
padding:3px;
border-right:1px solid #DDD2C6;
}

.tabla p{
text-align:left;
font-size:8.5pt;
}

.tabla ul{
margin:0;
padding:0 5px;
list-style:none;
}

.tabla ul li {
margin:3px 0;
padding:0 4px 8px 4px;
font-size:8.5pt;
border-bottom: 1px solid #DDD2C6;
text-align:left;
}



/*HACKS*/

.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 */