/***********************************************/
/* estilos.css                                */
/* Hoja de estilos de Plusman.es               */
/***********************************************/
body{margin:0;padding:0;font-family: Arial,sans-serif;font-size:1em;line-height: 1.166;background: #cccccc;}

h1{font-size:1.4em;}
h2{font-size:1.2em;}
p{ padding:0px;}

#wrapper{width: 96%; margin: 0 auto;background:#efeff4;border:5px solid #E1E1EE;}

#content{background:#efeff4; padding:15px;}

#footer { border-top:1px dotted #666666; margin:10px; padding-left:10px; font-size:.70em; }

/*............................*/

table { border:1px dotted #CCCCCC;text-align: left; width: 100%;}
td, th { border:1px dotted #CCCCCC; font-size:.70em; color:#000000;vertical-align: top;}




#invertedtabs{
margin-left: 4px;
padding: 0;
width:100%; 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#invertedtabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
margin-bottom: 1em; /*margin between menu and rest of content*/
}

#invertedtabs li{
display:inline;
margin:0 10px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: white;
background: #003366 url(images/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:5px 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #AF533C;
}

#invertedtabs a:hover span{
background-color: #AF533C;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #AF533C;
}

#invert-edtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #AF533C;
border-bottom: 0px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/************************************************************************************************
MENUS
=================================================================== */
/* style the outer div to give it width */
#menu_horz_box {
background: #003366;/*AZUL*/
voice-family: "\"}\"";/*===== HACK PARA IE6  ========*/
voice-family: inherit;
border-bottom:1px solid #ffffff;/*AŅADE EL MARGEN INFERIOR EN IE 6.0*/
height:20px;
}
html>body #menu_horz_box{/*===== HACK PARA IE6  ========*/
border-bottom:0px;/*AŅADE EL MARGEN INFERIOR EN IE 6.0*/
height:30px;
}

.menu_horz {width:100%; font-size:0.85em;}
.menu_horz ul {padding:0;margin:0;list-style-type:none;}
.menu_horz ul ul {padding:0;margin:0;}
.menu_horz li {float:left;width:105px;position:relative;padding:0;margin:0;}
/*.menu_horz li {float:left;width:120px;position:relative;padding:0;margin:0;}*/
/* style the links for the top level */
.menu_horz a, .menu_horz a:visited {
border-collapse:collapse;
display:block;
font-size:12px;
text-decoration:none; 
color:#fff; 
width:129px; 
height:30px; 
border-left:1px solid #fff; 
border-right:1px solid #fff; 
border-bottom:1px solid #fff; 
background: #003366;/*AZUL*/
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu_horz a, * html .menu_horz a:visited {
width:130px;
w\idth:139px;
}

/* style the second level background */
.menu_horz ul ul a.drop, .menu_horz ul ul a.drop:visited {
background: #003366;/*AZUL*/
color:#FFFFFF;}
/* style the second level hover */
.menu_horz ul ul a.drop:hover{
background:#707070;
}
.menu_horz ul ul :hover > a.drop {
background:#707070;
}
/* style the third level background */
.menu_horz ul ul ul a, .menu_horz ul ul ul a:visited {
background:#cc3333;
}
/* style the third level hover */
.menu_horz ul ul ul a:hover {
color:#fff; 
background:#707070;
}
.menu_horz ul ul ul :hover > a {
color:#fff; 
background:#707070;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu_horz ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:130px;
}
/* another hack for IE5.5 */
* html .menu_horz ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu_horz */
.menu_horz ul ul ul{
left:130px; 
top:0;
width:130px;
}
/* position the third level flyout menu_horz for a left flyout */
.menu_horz ul ul ul.left {
left:-130px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu_horz table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu_horz ul ul a, .menu_horz ul ul a:visited {
border-collapse:collapse;
display:block;
font-size:12px;
text-decoration:none; 
color:#fff; 
width:119px; 
height:30px; 
background: #003366;/*AZUL*/
padding-left:10px;
line-height:29px;
/* yet another hack for IE5.5 */
}
* html .menu_horz ul ul a{
width:130px;
w\idth:129px;
}


/* style the top level hover */
.menu_horz a:hover, .menu_horz ul ul a:hover{
color:#fff; 
background:#cc3333;
}
.menu_horz :hover > a, .menu_horz ul ul :hover > a {
color:#fff;
background:#cc3333;
}

/* make the second level visible when hover on first level list OR link */
.menu_horz ul li:hover ul,
.menu_horz ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu_horz ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu_horz ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu_horz ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu_horz ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
/************************************************************************************************/
#col_izq {
position: relative;
float: left;
width:300px;
margin: 0;
font-size:12px;
}

/*****************************************************************************/
#col_drch {
margin-left: 300px;
position: relative;
float: left;
margin: 0;
margin-left:20px;
font-size:12px;
}
/*****************************************************************************/
.float_right{float: right; margin-top: -60px; margin-right: 30px; font-weight: bold;}