/**
   Cascading Style Sheet for CodeFactory Website
   (C) 2007 CodeFactory S.L.
**/

/* Layout general */

*{
margin:0;
padding:0
}

html{
overflow-y:scroll /*fuerza la barra de scroll en firefox*/
} 

body{
color: #333333;
background: #fff; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
text-align:center
}

img {border: 0}

#page{
width:970px;
margin:0 auto;
text-align:left
}

#header {margin:15px 0 0 0}
#main{width:100%}

h1{font-size:1.5em}
h2{font-size:1.2em}
h3{font-size:1.1em}
h4{font-size:1em}
h5{font-size:1em}
p{line-height:1.4em}
ul{line-height:1.3em}

hr {
background-color: #fff;
border: none;
border-top: 1px dashed #d8d8d8;
color: #fff
}

/* Enlaces */

a, a:link, a:active, a:visited {
text-decoration: none;
background-color: inherit; 
color: #333
}

a:hover {
text-decoration: underline;
background-color: inherit;
color: #333
}

.ol{
color: #0c5172;
font-weight:normal
}

.left{float:left}
.right{float:right}

/* Abreviaturas, acrónimos y accesibilidad */

acronym, abbr, dfn {
background: url(/images/dotted.gif) bottom repeat-x;
cursor: help;
border: none;
padding-bottom: 2px
}

cite { 
color: #0c5172; background: #fff;
border: none
}

blockquote, q {
color: #0c5172;
quotes: '\00AB' '\00BB'; 
margin: 0; padding: 0;
border: none
}

blockquote p:before, q:before {content: open-quote}
blockquote p:after, q:after {content: close-quote}


#accessibility, .hidden {
position: absolute;
top: -999em;
left: -999em
}

/* TOP MENU */

#menu{
width:970px;
height:50px;
background:#525248 url(/images/menubar.jpg) 0 0 no-repeat
}

#menu ul{
padding:0 0 0 6px;
list-style:none
}

#menu ul li{float:left}

#menu ul li a {
font-style:normal;
background:url(/images/separador.jpg) 0 0px no-repeat;
display:block;
padding:11px 15px;
font-weight:bold;
text-decoration:none;
text-align:center;
font-size:1.1em;
color:#f0f0eb
}

#menu ul li a.nobg {background:none}

#menu ul li.idioma {float: right}

#menu ul li.idioma a {
margin-right:7px;
color:#d2d2c8
}

#menu ul li.actual a {
background:#333 url(/images/separador.jpg) 0 0 no-repeat;
text-decoration:none
}

#menu ul li.actual a.nobg {
background:#333;
text-decoration:none;
}

#menu ul li a:hover {
background:#000 url(/images/separador.jpg) 0 0 no-repeat;
text-decoration:none
}

#menu ul li a.nobg:hover {
background:#000;
text-decoration:none
}

#menu ul li.idioma a:hover {
background:none;
text-decoration:none;
color:#fff
}

/* HOME  */

.home #banner{margin:7px 0 0px 4px}
.home #banner h1 {width: 960px;height: 180px}

.home #content{
width:100%;
margin:5px 0 0 0;
padding-bottom:15px;
background: #fff url(/images/bg_products_home.jpg) bottom left repeat-x;
border-bottom:1px dashed #d1d1d1
}

#content,
#destacados,
#noticias,
#footer{
float:left;
}

#column_icons,
#column_readers,
#column_magnifiers{
float:left;
}

#column_icons{width:157px}

#assistant{
position:relative;
margin-top:3px;
float:left;
width:157px;
height:146px;
background:url(/images/cuadro_wizard.jpg) 0 0 no-repeat
}

#assistant h2{
width:82px;
height:35px;
margin:50px 0 0 13px
}

#assistant a{
font-size:.9em;
position:absolute;
top:35px;
left:0;
padding:60px 10px 0 12px;
display:block;
width:130px;
height:50px;
background:url(/images/transparent.gif) 0 0 repeat
}

#partner{
position:relative;
margin-top:10px;
float:left;
width:157px;
height:128px;
background:url(/images/cuadro_partner.gif) 0 0 no-repeat
}

#partner h2{
width:97px;
height:37px;
margin:40px 0 0 13px
}

#partner a{
background:url(/images/transparent.gif) 0 0 repeat;
font-size:.9em;
position:absolute;
top:15px;
left:0;
padding:65px 10px 0 12px;
display:block;
width:130px;
height:45px
}

.cuadro{
margin:10px 0 0 10px;
float:left;
width:260px;
height:285px;
background:url(/images/box_products.jpg) 0 0 no-repeat;
position:relative
}

.cuadro h2{text-align:center}
.cuadro img{margin-left:7px;margin-top:13px;}
.cuadro h2 img{margin-top:13px;margin-left:0}

.cuadro a{
text-align:center;
background:url(/images/transparent.gif) 0 0 repeat;
position:absolute;
top:0;
left:0;
display:block;
letter-spacing:-0.09em;
font-weight:bold;
font-size:.9em;
width:243px;
height:62px;
padding:217px 5px 0 5px
}

.cuadro a:hover{
text-decoration:none;
color:#287db4
}

#destacados{
width:100%;
margin:15px 0 15px 0
}

#destacados h2{
float:left;
margin:0 5px 0 10px
}

#destacados a{
display:inline;
margin:2px 0px 2px 0px;
margin-top:2px

}

#destacados span{
display:inline;
margin:2px 15px 2px 15px
}

#destacados p{
line-height:1.5em;
padding-left:15px;
float:left
}

#noticias{
width:100%;
padding:10px 0 5px 0;
border-top:1px solid #cccccc;
background:#fff url(/images/bg_news_home.jpg) 0 0 repeat-x;
}

/* Fix  IE6 */
* html #noticias {width: 967px;}

#noticias h2{
float:left;
margin:10px 0 10px 10px
}

#noticias a{color: #005078}

#noticias .btn_get_news{
display:block;
float:left;
width:192px;
height:25px;
background:url(/images/btn_210x35.jpg) 0 0 no-repeat;
font-size:.9em;
font-weight:bold;
letter-spacing:-.08em;
margin:0 0 0 15px;
padding:10px 0 0 18px
}

#noticias .btn_get_extras{
display:block;
float:left;
width:252px;
height:25px;
background:url(/images/btn_270x35.jpg) 0 0 no-repeat;
font-size:.9em;
font-weight:bold;
letter-spacing:-.08em;
margin:0 0 0 15px;
padding:10px 0 0 18px
}


#noticias p{
width:67%;
line-height:1.7em;
clear:left;
float:left;
font-size:.9em;
margin:5px 0 0px 0;
padding-left:10px
}

#noticias p a{display:inline}

#noticias p a:hover{
display:inline;
font-weight:bold;
letter-spacing:-0.08em;
text-decoration:none
}

#noticias .premio_afb{
background:transparent;
display:block;
float:left;
width:160px;
height:160px;
margin-right:5px;
}

#noticias .premio_ces{
background:transparent;
display:block;
float:left;
width:111px;
height:150px;
margin-right:5px;
}

#noticias .premios{
float:right;
}




/* GENERIC PAGE */

.page #logo {float:left;padding:15px 0 0 15px}
.page #banner {float:right;padding:7px 7px 15px 0}
.page #banner h1 {width: 634px;height: 126px}

.page #shortcuts_bar{
width:100%;
float:left;
clear:both
}

.page #wizard{
margin:0 8px 0 0;
height:50px;
width:185px;
float:left;
position:relative;
top:-10px
}

.page #breadcrums{
font-size:.9em;
width:777px;
border-top:1px solid #e3e3e3;
background: #fff url(/images/bg_migas.jpg) 0 0 repeat-x;
float:left
}

* html .page #breadcrums{width:771px}

.page #breadcrums p{
padding-bottom:15px;
margin-top:12px;
margin-left:18px;
}

.page #breadcrums .crums{margin:0 5px 0 0}
.page #breadcrums .separador{margin:0 3px 0 3px}

/* lateral menu */

#navegation{width:189px;float:left}

#navegation .premio_afb{
background:transparent;
display:block;
width:160px;
height:160px;
margin-left:10px;
}


#navegation h2{
background:#6e6e64 url(/images/bg_lateral_top.jpg) 0 0 no-repeat;
height:23px;
color:#fff;
font-size:.9em;
padding:10px 0 0 15px
}

* html #navegation h2{
height:33px;
voice-family: "\"}\"";
voice-family: inherit;
height:23px
}

#navegation ul{
font-size:.9em;
background:#fafafa url(/images/bg_lateral_centro.jpg) 0 0 repeat-y;
list-style: none
}

#navegation ul li{background:url(/images/linea_division_menu.gif) left bottom no-repeat}
#navegation ul li.actual{
background:url(/images/linea_division_menu.gif) left bottom no-repeat;
padding-bottom:1px
}

#navegation ul li.feed{
background:url(/images/linea_division_menu_feed.gif) left bottom no-repeat
}

#navegation ul ul li.actual{background:none;padding-bottom:0}

#navegation ul ul li{background:none}

#navegation ul li a {
color: #333;
display: block;
font-weight:bold;
width:165px;
margin: 0 8px 0 0;
padding: 9px 0 9px 15px
}

#navegation ul li.actual a{background:url(/images/flecha_gris.jpg) 1px 8px no-repeat}
#navegation ul li.feed a{width:140px;padding-left:40px}

#navegation ul li a:hover {
color: #000;
text-decoration:none;
background:url(/images/flecha_black.jpg) 1px 8px no-repeat 
}

#navegation ul .actual ul a{
background:url(/images/flecha_lista.gif) 15px 7px no-repeat; 
font-weight:normal;
margin: 0 8px 0 0;
padding: 4px 0 4px 23px;
border:none;
width:156px
} 

* html #navegation ul .actual ul a{
width:181px;
voice-family: "\"}\"";
voice-family: inherit;
width:156px
}

#navegation ul ul li.actual a{
background:#666 url(/images/flecha_lista_blanc.gif) 15px 7px no-repeat; 
border-top:1px solid #666;
border-right:1px solid #999;
border-bottom:1px solid #666;
border-left:1px solid #d5d5d5;
color:#fff;
font-weight:normal;
margin: 0 8px 0 0;
padding: 3px 0 3px 23px
} 

#navegation ul ul li a:hover {
background:#000 url(/images/flecha_lista_blanc.gif) 15px 7px no-repeat; 
border-top:1px solid #8c8c8c;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:1px solid #d5d5d5;
text-decoration:none;
padding: 3px 0 3px 23px;
color:#fff
}

#navegation .foot_menu{
width:189px;
height:60px;
background:#fafafa url(/images/bg_lateral_foot.jpg) 0 0 no-repeat
}

/* Container: menu pestañas y content */

.page #container{width:781px;float:left}
* html .page #container{width:778px}
.page #container.nomenu{width:100%}

#menu_labels{font-size:.9em;width:100%;float:left}
* html #menu_labels{width:778px}

#menu_labels ul{
width:775px;
float:left;
list-style:none;
background:url(/images/bg_menu_labels.jpg) 0 40px repeat-x;
padding-left:6px
}

* html #menu_labels ul{width:775px;padding-left:3px}

#menu_labels ul li {
width: 108px;
height:42px;
display: block;
margin: 0 0 0 2px;
float: left
}

#menu_labels ul li a {
background:url(/images/bg_labels.jpg) 0 -42px no-repeat;
text-align: center;
display:block;
width:96px;
height:35px;
padding:7px 9px 0 3px
}

* html #menu_labels ul li a {
width:108px;
height:42px;
voice-family: "\"}\"";
voice-family: inherit;
width:94px;
height:35px
}

#menu_labels ul li.actual a {
background:url(/images/bg_labels.jpg) 0 0 no-repeat;
font-weight:bold;
letter-spacing:-0.09em
}

#menu_labels ul li a:hover{
background:url(/images/bg_labels.jpg) 0 0 no-repeat;
text-decoration:none
}

#submenu_labels{
font-size:.9em;
float:left;
margin-left:5px;
width:776px;
background:url(/images/bg_level5.jpg) 0 0 repeat
}

* html #submenu_labels {width:774px;margin-left:2px}

#submenu_labels a{white-space:nowrap}

#submenu_labels a,
#submenu_labels .separador{
float:left;
margin-left:10px;
height:22px;
padding-top:8px
}

* html #submenu_labels a,
* html #submenu_labels .separador{
height:30px
}

#container .marketing{
color:#005078;
width:760px;
float:left;
margin:5px;
padding:3px 0 3px 18px
}

* html #container .marketing{
width:760px;
voice-family: "\"}\"";
voice-family: inherit;
width:740px
}

.page #content{
font-size:.9em;
background: #fff url(/images/bg_content.jpg) 0 0 repeat-x;
width:776px;
margin-left:5px;
margin-top:1px;
padding:0 0 10px 0
}

.page #content.top{margin-top:-1px}
* html .page  #content{width:771px;margin-left:2px}
.page .nomenu #content{width:965px}
* html .page .nomenu #content{width:960px}
.page #container .with_images{width:600px}
* html .page #container .with_images{width:595px}
.page #container.nomenu .with_images{width:795px}
.page #content a{font-weight:bold;color: #0c5e86}
.page #content.generic li a{font-weight:normal}

.page  #content h1,.page  #content h2{
background: #fff url(/images/bg_content.jpg) 0 0 repeat-x;
border-bottom:1px dashed #d8d8d8;
padding-top:8px;
padding-bottom:8px
}

.page #content h3{
border-bottom:1px dashed #d8d8d8;
padding-top:8px;
padding-bottom:8px;
color: #303030
}

.page #content h4,
.page #content h5{
background: #fff;
border-bottom:1px dashed #d8d8d8;
padding-top:5px;
padding-bottom:5px;
color:#666
}

.page #content h5{font-style:italic}

.page #content h1,
.page #content h2,
.page #content h3{
padding-left:15px;
padding-right:15px;
margin-bottom:15px
}

.page #content h4,
.page #content h5{
padding-left:15px;
padding-right:15px;
margin-bottom:10px
}

.page #content p,
.page #content table{
padding-left:15px;
padding-right:15px;
margin-bottom:20px
}

.page #content ul{list-style-image: url(/images/flecha_lista.gif)}
.page #content ul,
.page #content ol{
padding-left:15px;
padding-right:15px;
margin-bottom:20px
}

.page #content ul li{
/*background:url(/images/flecha_lista.gif) 0 5px no-repeat;*/
margin:0 0 3px 20px;
padding: 0 0 0 0px
}

.page #content ol li{
margin:0 0 3px 0px;
padding: 0
}

.page #container .images_panel{
text-align:center;
width:170px;
background: #fff;
margin-top:1px;
float:left
}

.page #container .images_panel img{
margin-bottom:10px
}

/* PIE  */

#footer{
width:100%;
font-size:.9em;
background:#f9f9f9 url(/images/bg_foot.jpg) 0 0 repeat-x;
border-top:1px solid #c5c5c5;
border-bottom:1px solid #ececec;
height:85px;
margin:10px 0 10px 0
}

/* Fix  IE6 */
* html #footer {width: 967px}


#footer #opciones{margin:10px 0 0 7px;float:left}
#footer #copyright{margin:10px 8px 0 0;float:right}
#footer a{margin: 0 3px 0 3px}

#footer #sr_net{float:right;clear:both;margin:10px 5px 0 5px}
#footer #rs_net a{margin:0}

/* TABLAS */

table{
margin-left:15px;margin-right:15px;
border-collapse: collapse;
border-spacing:1px;
text-align:left;
border-top:1px dashed #c4c4c4;
border-right:1px dashed #c4c4c4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em
}

table caption{display:none}
table thead,tbody{color: #333333}
table th{background:#f4f4f4;font-weight:bold}
table th,table td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
margin:0;
padding: 4px 3px 4px 10px;
border-bottom:1px dashed #c4c4c4;
border-left:1px dashed #c4c4c4
}

.tableDetails{
margin:7px 0 0 10px;
padding:0;
width:auto;
border:none;
float:left;
text-align:left
}

.tableDetails ul,
.tableDetails ol,
.tableDetails p{
margin:0;
padding-left:0;
padding-right:0
}


.tableDetails p{margin-bottom:5px}

.tableDetails ul li,
.tableDetails ol li{
margin-left:0;
margin-right:0
}

.tableDetails th, .tableDetails td{
vertical-align: top;
padding:5px 0 5px 0;
margin:0;
background:#fff;
border:none
}

.tableDetails th{
color:#999999;
width:50%;
padding-right:30px
}

/* Fichas Telefonos, Extras, Glossary */

.page  #content.fichas  .shortcuts,
.page  #content.fichas  .shortTestimonials,
.page  #content .shortGlossary,
.page  #content .shortPurchase{
width:100%;
float:left;
padding:10px 0 10px 0;
border-bottom:1px dashed #d8d8d8;
}

.page  #content.fichas  .shortcuts,
.page  #content.fichas  .shortTestimonials{
font-size:90%;
}

.page #content  dl{margin-left:15px}
.page #content  dt{color:#287db4;font-weight:bold;margin-bottom:5px}
.page #content  dd{margin-bottom:13px}

.page  #content .shortGlossary,.page  #content .shortPurchase{padding-left:10px;width:765px}
* html .page  #content .shortGlossary, * html .page  #content .shortPurchase{width:763px}
.page  #content.fichas  .shortTestimonials li{margin-left:30px}


.page  #content.fichas  .shortcuts a,
.page  #content  .shortGlossary a,
.page  #content .shortPurchase a{
white-space:nowrap;
font-weight:normal;
color:#000
}

.page  #content.fichas  .shortcuts a,
.page  #content.fichas  .shortcuts .separador{
float:left;
margin-left:3px;
padding-top:3px;
padding-bottom:3px
}

.page  #content  .shortGlossary a,
.page  #content .shortGlossary .separador{
float:left;
margin-left:6px;
padding-top:3px;
padding-bottom:3px
}

* html .page  #content  .shortGlossary a,
* html .page  #content .shortGlossary .separador{
margin-left:5px
}

.page  #content .shortPurchase a,
.page  #content .shortPurchase .separador{
float:left;
margin-left:8px;
padding-top:2px;
padding-bottom:2px
}

* html .page  #content .shortPurchase a,
* html .page  #content .shortPurchase .separador{
margin-left:7px
}

.page  .nomenu #content .shortGlossary{width:955px;}
.page .nomenu  #content  .shortGlossary a,
.page .nomenu #content .shortGlossary .separador{
margin-left:10px;
}


.page  #content .shortPurchase a.actual,
.page  #content .shortGlossary a.actual{
color:#287db4;
}


.page #content.fichas .phone,
.page #content.fichas .extra,
.page #content.fichas .testimonial,
.page #content.fichas .distrib,
.page #content.fichas .ficha_gral{
float:left;
display:block;
border-bottom:1px dashed #d8d8d8;
padding-bottom:5px;
margin-bottom:10px;
}

.page #content.fichas h2,
.page #content.glossary h2{
margin-bottom:0
}

.page #content.fichas h3{
color:#000;
width:566px;
float:left;
margin:5px 0 15px 0;
padding-left:0;
padding-right:10px;
background:#fff;
border-top:none
}

* html .page #content.fichas h3{
width:566px;
voice-family: "\"}\"";
voice-family: inherit;
width:560px
}

.page #content.fichas .letraH3{
color:#000;
width:755px;
float:left;
clear:both;
margin:5px 0 15px 0;
padding-left:15px;
padding-right:5px;
background:#fff;
border-top:none
}

.page .nomenu #content.fichas h3{width:755px}

* html .page .nomenu  #content.fichas h3{
width:755px;
voice-family: "\"}\"";
voice-family: inherit;
width:750px
}

.page #content.fichas .ficha_content h3{
padding-left:15px;
width:551px
}

.page #content.glossary h3{
color:#000;
width:760px;
float:left;
margin-top:5px;
margin-bottom:15px;
margin-left:0;
padding-left:15px;
padding-right:0;
background:#fff;
border-top:none
}

.page .nomenu #content.glossary h3{
width:950px;
}


.page #content.fichas .img_content{
float:left;
width:200px;
text-align:center;
padding-bottom:10px
}

.page  #content.fichas  img{margin-top:10px}

.page #content.fichas .ficha_content{float:left;width:575px}

.page #content.fichas .testimonial img{
padding:5px;
background:#d8d8d8 url(/images/testimonial_bg.jpg) 0 0 no-repeat
}

table.ficha{
margin:0;
padding:0;
width:566px;
border:none;
float:left;
text-align:left
}

table.noimg{
margin-left:30px;
margin-right:30px;
width:706px;
}

* html table.noimg{
margin-left:15px;
margin-right:15px;
}

.page #content.fichas .distrib,
.page #content.fichas .phone{
position:relative;
}

.page #content.fichas .escarapela{
position:absolute;
top:-10px;
left:640px;
}

.page #content.fichas .testimonial table.ficha,
 table.ficha{margin-top:7px}
.page  #content.fichas  table.ficha ul,
.page  #content.fichas  table.ficha ol,
.page  #content.fichas  table.ficha p{margin:0;padding-left:0;padding-right:0}
.page  #content.fichas  table.ficha p{margin-bottom:5px}
.page  #content.fichas  table.ficha ul li,
.page  #content.fichas  table.ficha ol li{margin-left:0;margin-right:0}

.page  #content.fichas  table.ficha ul{
margin-left:13px;
}


table.ficha th, table.ficha td{
vertical-align: top;
padding:5px 0 5px 0;
margin:0;
background:#fff;
border:none
}

table.ficha th{
color:#999999;
width:30%
}

.page #content.fichas .testimonial table.ficha th,
.page #content.fichas .distrib table.ficha th{width:20%}
.page #content.fichas .phone table.ficha th{width:35%}
.page #content.fichas .extra table.ficha th{width:25%}
.page .nomenu #content.fichas .phone table.ficha th{width:40%}

.page #content.fichas .paginacion{margin-top:5px;float:left;width:100%;text-align:center}

.page #content.fichas .paginacion span{color:#aeaeae}
.page #content.fichas .paginacion .separador{color:#d8d8d8}

.page #content.fichas .backTop{
position:absolute;
top:12px;
left:650px;
}

.page .nomenu #content.fichas .backTop{
position:absolute;
top:12px;
left:850px;
}

.page #content.fichas .bannerText{
padding-top:5px;
float:left;
width:100%;
border-bottom:1px dashed #d8d8d8;
}



/* Newsletters & Press */

.page #content.news  dt,
.page #content.press dt{color: #000;font-weight:normal;margin-bottom:5px}
.page #content.news  dd,
.page #content.press dd{margin-bottom:13px}
.page #content.news dd a,
.page #content.press dd a{color: #333333;font-weight:normal}

.page #content.news h3{border:none}

.page #content.news hr {
background-color: #fff;
border: none;
border-top:1px dashed #cccccc;
color: #fff;
margin:0 5px 0 5px
}

.page #content.news ul,ol{margin-left:30px;line-height:1.4em}
.page #content.news ul li,ol li{margin:7px 0 7px 0}
.page #content.news ul.menunews{margin:10px 5px 15px 5px;padding:0 0 0 0;list-style:none;line-height:1.2em}
.page #content.news ul.menunews ul{margin:0;padding:2px 0 5px 0;list-style:none;line-height:1.2em}
.page #content.news ul.menunews li{margin:0;padding:3px 0 3px 0;border:1px solid #fff;background:#fff}
.page #content.news ul.menunews li li{margin:0;padding:0;border:1px solid #fff}
.page #content.news ul.menunews li a{margin:0 5px 0 10px;line-height:1.5em}
.page #content.news ul.menunews ul li a{margin:0 5px 0 10px;line-height:1.3em}
.page #content.news ul.menunews li a {font-weight:bold;text-decoration:none;color:#026688}
.page #content.news ul.menunews li li a {font-weight:normal}
.page #content.news ul.menunews li a:hover {text-decoration:underline}

/* Wizards */

#content.wizard  .alert,
#content.suscriptions .alert,
#content #formCV .alert{
color:#A80000;
font-style:italic;
font-weight:bold;
padding-left:15px;
margin:15px 0 5px 0;
display:block
}

#content #formCV .alert{padding-left:25px}

#content.wizard  p{margin-bottom:15px}

#content.wizard  a,
#content.downloads  a{font-weight:normal}

#content ul.descarga a,
#content ul.descargaSimple a{
color:#00a800;
/*background: url(/images/flechaDescarga.gif) 0 5px no-repeat;*/
padding-left:0px
}


#content.wizard  ul{padding-left:7px; margin:0; list-style-image:url(/images/circle_lista.gif);}
#content.wizard  ul li{margin-top:1px;margin-bottom:1px}

#content ul.descarga,
#content ul.descargaSimple{margin:0;padding:0;list-style-image:url(/images/flechaDescarga.gif);
margin-left:33px}

#content ul.descarga li,
#content ul.descargaSimple li{
background:none;
margin:2px 0 2px 0;
padding:0;
padding-left:0px
}

/*#content ul.descarga li ul{
padding:0;
margin:0;
margin-left:-15px;
padding-left:15px
}*/

#content ul.descarga{
margin-bottom:15px;
}

#content.wizard  ul.descarga li,
#content.downloads  ul.descarga li{
padding-top:0px;
padding-bottom:0px;
/*border-top:1px dashed #d8d8d8*/
}

#content.sheets  ul.descarga li{
padding-top:2px;
padding-bottom:10px;
border-bottom:1px dashed #d8d8d8
}

/*#content ul.descarga li.first{
padding-top:0;
border-top:none
}*/

/*#content.wizard ul.descarga li ul li,
#content.downloads ul.descarga li ul li{
padding:0;
margin:5px 0 5px 0;
border-top:none
}*/
#content.downloads  ul{list-style-image:url(/images/circle_lista.gif);}

#content.downloads  ul.descarga{
list-style-image:url(/images/flecha_lista.gif);
}

#content.downloads  ul.descarga ul{
list-style-image:url(/images/flechaDescarga.gif);
}

#content.downloads ul.descargaSimple{margin-left:20px;list-style-image:url(/images/flechaDescarga.gif)}

#content.downloads  ul.descargaSimple li{
padding:0;
margin:5px 0 5px 15px;
}

#content h5.descargas{
font-weight:normal;
margin-top:0;
margin-bottom:5px;
padding-top:0;
padding-bottom:0;
border:none;
}


#content.wizard p.link a{
background:url(/images/flecha_lista.gif) 2px 5px no-repeat;
padding-left:13px;
color: #005078
}

#content .filters{
padding:5px 15px 5px 15px;
border-top:1px dashed #d8d8d8;
border-bottom:1px dashed #d8d8d8;
background: #fff
}

#content .filters div{padding:4px 0 4px 0}
#content.fichas  .filters{margin-top:15px}
#content.fichas  .filters a{font-weight:normal}

#content.wizard form{margin:0;padding:0}

#content.wizard fieldset{
background:transparent;
margin:0;
padding:10px 0 10px 14px;
border:none
}

#content.wizard fieldset p{padding:0;margin-bottom:1em}

#content.wizard legend{display:none}

#content.wizard .col{
white-space:nowrap;
width:30%;
float:left
}

#content.wizard .radio,
#content.wizard .checkbox{
float:left;
clear:left;
margin:5px
}

#content.wizard .buttons{
width:90%;
float:left;
clear:left;
margin:5px
}

#content.wizard .radio input,
#content.wizard .checkbox input,
#content.suscriptions  #formServices .radio input,
#content #formList .radio input{
vertical-align:middle;
height:1.2em;
margin-right:5px;
margin-left:5px;
margin-bottom:0
}

#content.wizard .radio label,
#content.wizard .checkbox label,
#content.suscriptions  #formServices .radio label,
#content  #formList .radio label{
vertical-align:middle
}

#content.wizard .select{margin-left:10px}
/*#content.wizard .select label{font-weight:bold}*/

#content.wizard .abtn{
clear:both;
width:300px;
height:35px;
text-align:center;
margin-left:15px;
padding-top:3px;
background:url(/images/btn_300x35.jpg) 0 0 no-repeat
}

#content.wizard .abtn a{
font-weight:bold;
display:block;
width:295px;
height:23px;
padding-top:7px
}

#content.wizard  .showAll,
#content.fichas  .showAll{
margin:0;
padding:5px 15px 5px 15px;
border-bottom:1px dashed #d8d8d8;
background: #fff
}

#content.wizard  .showAll div,
#content.fichas .showAll div{padding:4px 0 4px 0}

#content.wizard  .columnas{
width:900px;
float:left;
padding:8px 0 0 15px
}

#content.wizard .buttons input,
#content.wizard .showAll input{color:#005078;font-weight:bold}

/* Suscripciones  */

#content.suscriptions form{margin:0;padding:0}

#content.suscriptions fieldset,
#content #formCV fieldset,
#content #formGeneric fieldset,
#content #formDistributor fieldset,
#content #formList fieldset{
background:transparent;
margin:0;
padding:0px 0 0px 0px;
border:none
}

#content #formGeneric .select{margin-left:25px;}
#content #formList .select{float:left;}

#content.suscriptions legend,
#content #formCV legend,
#content #formGeneric legend,
#content #formDistributor legend,
#content #formList legend{display:none}

#content.suscriptions .lineField label,
#content.suscriptions .lineField input,
#content.suscriptions .lineField .boton{
display:block;
float:left
}

#content.suscriptions .lineField input.campo{
margin:7px 10px 0 0;
width:180px;
font-size:.9em;
padding:.1em 0 .1em 0
}

#content.suscriptions .lineField label{
margin:10px 10px 0 15px;
padding:0
}

#content.suscriptions .radio,
#content.suscriptions .field,
#content #formCV .field,
#content #formGeneric .field,
#content #formGeneric .radio,
#content #formList .field,
#content #formList .radio{
width:700px;
float:left;
clear:left;
margin:5px 5px 5px 25px
}

#content #formDistributor .field{
width:700px;
float:left;
clear:left;
margin:5px 5px 5px 25px
}

#content #formList .field{
/*width:750px;*/
}

#content #formList h3{
width:745px;
float:left;
clear:left;
margin-top:10px;
}


* html #content.suscriptions .radio,
* html #content.suscriptions .field,
* html #content #formGeneric .field,
* html #content #formDistributor .field,
* html #content #formList .field,
* html #content #formList .radio{width:620px}

#content.suscriptions  #formServices .radio {margin-left:17px;padding:0}
#content.suscriptions  #formServices .radio label{margin:0;padding:0}

#content.suscriptions #formServices .field label,
#content #formGeneric .field label,
#content #formDistributor .field label,
#content #formList .field label{
float:left;
display:block;
width:180px;
margin:3px 10px 0 0;
padding:0
}

#content #formDistributor .field label{
width:160px;
}

#content.suscriptions #formServices .field input,
#content #formGeneric .field input,
#content #formDistributor .field input,
#content #formList .field input{
padding:.1em;
font-size:.9em;
float:left;
width:200px
}

#content #formDistributor .field input{
width:270px
}

#content #formGeneric .field textarea,
#content #formDistributor .field textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
padding:.1em;
float:left;
width:200px;
height:70px;
}

#content #formDistributor .field textarea{
font-size:1em;
padding:.1em;
float:left;
width:270px;
height:100px;
}

#content #formCV .field label{
float:left;
display:block;
margin:3px 10px 0 0px;
padding:0
}
#content #formCV .field input{
padding:.1em;
font-size:.9em;
float:left;
width:350px
}

#content.suscriptions #formServices .buttons{
margin-left:20px
}

#content #formCV .buttons,
#content #formGeneric .buttons,
#content #formDistributor .buttons,
#content #formList .buttons{
float:left;
padding-top:10px;
margin-left:20px
}

#content.suscriptions #formServices .buttons input{
margin-top:15px;
margin-bottom:15px
}

#content.suscriptions #formServices .radio ul li{width:700px}
* html #content.suscriptions #formServices .radio ul li{width:620px}

#content.suscriptions #formServices .radio ul li{
/*background:url(/images/flecha_lista.gif) 0 10px no-repeat*/
}

#content.suscriptions #formServices .label{line-height:25px}

#content.suscriptions #formServices textarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:.1em;
font-size:1em;
float:left;
clear:left
}

#content #formGeneric .checkbox{
margin:0 0 10px 20px;
float:left;
clear:both
}

#content #formGeneric .radio label,
#content #formList .radio label{
margin-left:5px;
}

#content #formGeneric p{margin-left:10px}
#content #formGeneric .select label,
#content #formDistributor .select label,
#content #formList.select label{
font-weight:normal;
width:160px;
}

.privacy{color:#666}

/* Media ressources  */

.page #content.media  .thumbsContainer{
width:775px;
display:block;
float:left;
margin:0;
padding:0
}

.page #content.media  .thumbsContainer div.thumb {
height:230px;
float: left;
margin: 5px 5px 5px 5px
}

.page #content.media  .thumbsContainer a {
display: table-cell;
width: 180px;
height: 180px;
text-align: center;
vertical-align: middle;
border: 1px dashed #fff;
background:#fff
}

.page #content.media  .thumbsContainer .title a {
display:block;
height:auto;
margin-top:5px;
margin-bottom:10px;
border:none;
font-weight:normal
}

.page #content.media  .thumbsContainer img {vertical-align: middle}

/*\*//*/
.page #content.media .thumbsContainer a {display: block}
.page #content.media  .thumbsContainer span {
display: inline-block;
vertical-align: middle;
height: 100%;
width: 1px
}
.page #content.media  .thumbsContainer a {font-size: 1px}
/* */

.page #content.media  .thumbsContainer div.thumb {border-collapse: collapse /* Op7 */}
.page #content.media  .thumbsContainer a:hover {border: 1px dashed #d8d8d8}
.page #content.media  .thumbsContainer .title a:hover{border:none;font-weight:normal}

/* SITEMAP  */

.page #content ul.sitemap{
list-style:none;
padding:0;
margin:0
}

.page #content ul.sitemap li{
background:#fff url(/images/flecha_black.jpg) 15px 5px no-repeat; 
margin:5px 0 5px 0px;
padding: 5px 0 5px 30px;
border-bottom:1px dashed #d8d8d8
}

.page #content ul.sitemap li a{font-size:1.2em;color:#000}

.page #content ul.sitemap ul{
list-style:none;
padding-left:0;
margin-left:15px;
margin-bottom:10px
}

.page #content ul.sitemap ul li{
background:#fff url(/images/flecha_lista.gif) 0 5px no-repeat; 
font-size:1em;
margin:5px 0 5px 5px;
padding: 0 0 0 10px;
border:none
}

.page #content ul.sitemap ul li a{font-size:1em;color:#0c5e86}
.page #content ul.sitemap ul li.final a{font-weight:normal}

/* FORMS */

/*input, textarea, select{
padding:.2em;
border:1px solid #d3c7ad;
font:1em Arial, Helvetica, sans-serif;
background:#fff;
}

.envio input{
padding:0;
width:100px;
cursor:pointer;
border-top:2px solid #3e0100;
border-bottom:2px solid #bb0907;
border-left:2px solid #3e0100;
border-right:2px solid #bb0907;
background:#990100;
color: #fff;
font-weight:bold;
}

.envio input:hover{
background:#bb0907;
color: #fff;
font-weight:bold;
cursor:pointer;
}


fieldset{
width:100%;
margin:0;
padding:0 0 10px;
border:none;
}

label{
padding:.2em 0 .2em 0;
font-weight:bold;
width:75px;
}*/

input.validation-failed,textarea.validation-failed ,select.validation-failed{
border: 1px dashed #A80000;
color: #A80000;
}

.validation-advice {
color:#A80000;
float:left;
margin: 0 0 0 10px;
padding: .2em .2em .2em 0;
font-weight: bold;
font-style:italic
}

em.nota{
color: #005078;
margin-left:5px;
margin-top:1px;
float:left;
width:300px
}

* html em.nota{width:245px}


.notapie ul{
margin:0;
padding:0;
}

.notapie ul li{
margin:0;
padding:0;
}

.clear{clear:both}
.hide{display:none}