/**
   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{
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
}

* html #page{
width:975px;
}

#header{float:left;margin:3px 0 0 0}
#main{float:left;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 {border: none;}

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

/* Abreviaturas, acrónimos y accesibilidad */

acronym, abbr, dfn {
cursor: help;
padding-bottom: 2px;
border: none;
}

cite{border: none}

blockquote, q {
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
}


/* #CONTAINER #OPTIONS
------------------------------------------------------------ */
#options {
width:100%;
float:left;
margin:5px 0 2px 10px
}

#options h3 {
margin-top:3px;
padding-right:7px;
display:block;
float:left;
clear:none;
font-size: 12px;
font-weight: bold;
letter-spacing:0px;
text-align:left;
}

#options ul {
float:left;
list-style-type: none;
}

#options #option_size{padding-right:20px}
#options #option_color{padding-right:8px}
#options ul li {float:left;margin-right:0px}
#options ul li a {display: block}

#options .buscador{
float:left;
margin:-2px 7px 0 15px;
}

#options .buscador label{
font-weight:bold;
}

* html #options h3 {margin-top:5px}
*+html #options h3 {margin-top:5px}
* html #options .buscador{margin-top:-3px}
*+html #options .buscador{margin-top:-3px}

#options a.lang{
float: right;
margin:3px 20px 0 0;
font-weight:bold;
}

/* TOP MENU */

#menu{
float:left;
width:970px;
height:50px;
margin-bottom:10px;
}

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

#menu ul li{float:left}

#menu ul li a {
display:block;
padding:11px 15px;
font-weight:bold;
text-align:center;
font-size:1.1em;
}

#menu ul li a.home{
width:24px;
height:23px;
padding:7px 15px 10px;
}

/*#menu ul li.idioma {float: right}
#menu ul li.idioma a {margin-right:7px}*/


#cab{
float:left;
width:970px;
margin-bottom:2px;
}


/* HOME  */

.home #menu {margin-bottom:0}

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

.home #content{
width:100%;
margin:-5px 0 0 0;
padding-bottom:5px
}


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


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

#column_icons,
#column_a,
#column_b,
#column_c,
#column_awards{
float:left;
}

#column_a{
width:313px;
height:274px;
text-align:center;
padding-right:7px;
}

#column_b,
#column_c{
width:242px;
height:274px;
text-align:center;
padding-right:7px;
}

#column_c{text-align:left;}


.column_a1{
width:296px;
display:block;
margin:8px 0 2px 8px;
}

.column_b1{
display:block;
margin:8px 0 0 1px;
}

.column_c1{
display:block;
width:150px;
margin:8px 0 0 9px;
}

.column_c2{
display:block;
width:145px;
margin:19px 0 0 89px;
}

.cuadro{
margin:10px 5px 0 5px;
float:left;
}

.cuadro  h2{font-size:1.3em; font-weight:normal; padding:15px 0 0;height:35px}
#column_c 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;
position:absolute;
top:0;
left:0;
display:block;
letter-spacing:-0.09em;
font-size:.9em;
width:243px;
height:62px;
padding:217px 5px 0 5px*/
}


#column_awards{width:115px;margin:25px 0px 0px;text-align:center}
#column_awards h2{margin-left:-10px;}

#column_awards .premio_afb{
display:block;
margin-top:10px;
margin-left:-5px;
}

#column_awards .premio_ces{
display:block;
margin-top:10px;
}

#column_icons{width:157px;margin-left:5px}

#destacados{
width:960px;
margin:10px 0 10px 5px;
padding:10px 0;
}

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

#destacados p.items{
font-size:1.1em;
margin-left:30px;
float:left;
width:770px;
line-height:1.5em;
}

#destacados span.item{
display:block;
float:left;
margin:0 0 2px 15px;
}

#destacados span.separador{
display:block;
float:left;
margin:0 0 2px 15px
}

#suscribe{
position:relative;
margin-top:3px;
float:left;
width:157px;
height:89px;
}

#suscribe h2{
width:82px;
height:35px;
margin:45px 0 0 13px;
}

#suscribe a{
position:absolute;
top:22px;
left:0;
padding:24px 10px 0 13px;
display:block;
width:130px;
height:35px
}

#assistant{
position:relative;
margin-top:3px;
float:left;
width:157px;
height:151px;
}

#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
}

#info_panel{float:left;width:800px;margin:5px 0 0 5px;}

#info_panel .info{
position:relative;
display:block;
float:left;
width:236px;
height:101px;
margin:0 0 6px 13px;
padding:8px 7px 8px 9px;
font-size:.9em;
}

#info_panel .info h3{
font-weight:normal;
font-size:1.3em;
padding:8px 0 0 8px;
}

#info_panel .info p{
margin:4px 0 0 8px;
}

#info_panel .info img{
position:absolute;
display:block;
bottom:11px;
}


/*
#partner{
position:relative;
margin-top:10px;
float:left;
width:157px;
height:128px
}

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

#partner a{
font-size:.9em;
position:absolute;
top:15px;
left:0;
padding:65px 10px 0 12px;
display:block;
width:130px;
height:45px
}

#noticias{
width:100%;
padding:10px 0 5px 0
}

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

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

#noticias .btn_get_news{
display:block;
float:left;
width:192px;
height:25px;
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;
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;
letter-spacing:-0.08em;
}

*/

/* GENERIC PAGE */

.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;
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{
display:block;
width:160px;
height:160px;
margin-left:10px;
}

#navegation h2{
height:23px;
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;
list-style: none
}

#navegation ul li.actual{padding-bottom:1px}
#navegation ul ul li.actual{padding-bottom:0}

#navegation ul li a {
display: block;
width:165px;
margin: 0 8px 0 0;
padding: 9px 0 9px 15px
}

#navegation ul li.feed a{width:140px;padding-left:40px}


#navegation ul .actual ul a{
margin: 0 8px 0 0;
padding: 4px 0 4px 23px;
width:156px
} 

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

#navegation ul ul li.actual a{
margin: 0 8px 0 0;
padding: 3px 0 3px 23px
} 

#navegation ul ul li a:hover {
padding: 3px 0 3px 23px;
}

#navegation .foot_menu{
width:189px;
height:60px;
}

/* 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;
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 {
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 {
letter-spacing:-0.09em
}

#submenu_labels{
font-size:.9em;
float:left;
margin-left:5px;
width:776px
}

* 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{
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;
width:776px;
margin-left:5px;
margin-top:1px;

}

.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 h1,.page  #content h2,.page #content h3{
padding-top:8px;
padding-bottom:8px
}

.page #content h4,
.page #content h5{
padding-top:5px;
padding-bottom:5px;
}

.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,
.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;
margin-top:1px;
float:left
}

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

/* PIE  */

#footer{
display:block;
width:100%;
font-size:.9em;
margin:5px 0 5px 0;
}

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

#footer #opciones{margin:15px 0 15px 7px;float:left}
#footer #copyright{margin:15px 8px 15px 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;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em
}

table caption{display:none}
table th,table td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
margin:0;
padding: 4px 3px 4px 10px;
}

.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;
}

.tableDetails th{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;
}

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

.page #content  dl{margin-left:15px}
.page #content  dt{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;
}

.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.fichas .phone,
.page #content.fichas .extra,
.page #content.fichas .testimonial,
.page #content.fichas .distrib,
.page #content.fichas .ficha_gral{
float:left;
display:block;
padding-bottom:5px;
margin-bottom:10px;
}

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

.page #content.fichas h3,
.page #content.acordeon .phone h3{
width:566px;
float:left;
margin:5px 0 15px 0;
padding-left:0;
padding-right:10px;
}



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

.page #content.acordeon .phone h3{width:550px;}

.page #content.fichas .letraH3{
width:755px;
float:left;
clear:both;
margin:5px 0 15px 0;
padding-left:15px;
padding-right:5px;
}

.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{
width:760px;
float:left;
margin-top:5px;
margin-bottom:15px;
margin-left:0;
padding-left:15px;
padding-right:0;
}

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


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

.page #content.fichas .testimonial .img_content{
text-align:left;
width:auto;
height:auto;
margin-left:10px;
margin-top:10px;
}

.page #content.fichas .testimonial .fichaTeam{
float:left;
margin-top:15px;
margin-left:15px;
margin-top:25px;
}

.page #content.fichas .testimonial .profileTeam{
float:left;
clear:left;
margin:0 0 10px 10px;
}

.page #content.fichas .testimonial .profileTeam p{margin:0;padding-left:0;padding-right:0;margin-bottom:7px}
.page #content.fichas .testimonial .profileTeamul li,
.page #content.fichas .testimonial .profileTeamol li{margin-left:0;margin-right:0}
.page #content.fichas .testimonial .profileTeam ul{margin-left:13px;}

.page #content.acordeon .img_content{text-align:left;width:170px;margin-right:10px}

.page  #content.fichas  img,
.page #content.acordeon .img_content img{margin-top:10px}
.page #content.fichas .ficha_content{float:left;width:575px}
.page #content.fichas .testimonial img{padding:5px}

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;
}

table.ficha th{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 .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%
}

/* Newsletters & Press */

.page #content.news  dt,.page #content.press dt{margin-bottom:5px}
.page #content.news  dd,.page #content.press dd{margin-bottom:13px}

.page #content.news hr {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}
.page #content.news ul.menunews li li{margin:0;padding:0}
.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}

/* Wizards */

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

#content p.alert{
color:#A80000;
}

#content p.alert a{
color:#A80000;
font-weight:bold;
}

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

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

#content.downloads  h3{
clear:left;
margin-bottom:10px;
}

#content.wizard  ul{padding-left:7px; margin:0}
#content.wizard  ul li{margin-top:1px;margin-bottom:1px}

/*
#content ul.descarga a,#content ul.descargaSimple a,
#content ul.descargaFamily a{padding-left:0px}

#content ul.descarga,
#content ul.descargaSimple,
#content ul.descargaFamily{margin:0;padding:0;margin-left:33px}

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

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

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



#content ul.descarga,
#content ul.descargaSimple,
#content ul.descargaFamily{float:left;clear:left;margin-left:5px}

#content ul.descarga li,
#content ul.descargaSimple li,
#content ul.descargaFamily li{margin:0;padding:0}

#content ul.descargaFamily,
#content ul.descarga{
margin-bottom:5px;padding-bottom:0;
}

#content ul.descarga li ul{
margin-top:5px;
}

#content .list_descargas ul.descarga{
margin-left:9px;
margin-bottom:5px;margin-top:3px;padding-bottom:7px;
}


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


/*#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.descargaSimple{margin-left:20px}
#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
}

#content.wizard p.link a{padding-left:13px}

#content .filters{padding:5px 15px 5px 15px}

#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{
margin:0;
padding:10px 0 10px 14px
}

#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 div.split{margin:2px 0 2px 10px}
#content.wizard div.split select{display:block;}
#content.wizard div.split label{font-weight:bold;margin-top:4px;display:block;float:left;width:275px}

/*#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
}

#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
}

#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
}

/* Suscripciones  */

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

#content.suscriptions fieldset,
#content #formCV fieldset,
#content #formGeneric fieldset,
#content #formDistributor fieldset,
#content #formList fieldset{
margin:0; padding:0;
}

#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:1em;
padding:.1em 0 .1em 0
}

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

#content.suscriptions .field input.campo{
width:230px;
font-size:1em;
padding:.1em 0 .1em 0;
float:left;
}


#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 #formList .buttons .link_button{
display:block;
margin-top:15px;
margin-bottom:15px
}

#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;
}

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

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

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

/* SITEMAP  */

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

.page #content ul.sitemap li{
margin:5px 0 5px 0px;
padding: 5px 0 5px 30px
}

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

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

.page #content ul.sitemap ul li{
font-size:1em;
margin:5px 0 5px 5px;
padding: 0 0 0 10px;
}

.page #content ul.sitemap ul li a{font-size:1em}

/* 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;
}*/


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

em.nota{
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}

.brandCombo {
margin-left:10px
}
.brandCombo option{
margin:1px 3px 1px;
}


/* Begin listas  acordeon */

.page #content.acordeon dl dd  p{margin:0}

.page #content.acordeon  dl{margin:0}
.page #content.acordeon   dt{margin:0 0 10px 0}
.page #content.acordeon   dd{margin:0}


.page #content.acordeon dl.accordion{
margin-bottom:60px;
}
	
.page #content.acordeon dl.accordion dt {
display:block;
height:30px;
line-height:30px;
outline: none;
cursor: pointer;
padding:0;
}
	
.page #content.acordeon dl.accordion dt a.acc_term{
display:block;
height:30px;
padding-left:30px;
outline: none;
text-decoration:none;
}

.page #content.acordeon dl.accordion dt a.acc_term img{
margin-top:3px;
}
	
.page #content.acordeon dl.accordion dt.toggle_active {
display: block;
}
	
.page #content.acordeon dl.accordion dd {
position: relative;
overflow: hidden;
margin:0 0 0 18px;
}
			
			
.page #content.acordeon dl.accordion dd dl dt{
display: block;
text-decoration: none;
height:30px;
line-height:30px;
outline: none;
cursor: pointer;
padding:0;
border:none;
}


.page #content.acordeon dl.accordion dd dl dt .acc_term{
display:block;
width:100%;
height:30px;
padding-left:30px;
}

.page #content.acordeon dl.accordion dd dl dt.toggle_active {
display: block;
}

.page #content.acordeon dl.accordion  .accordion_list{
padding-bottom:20px;
}

.page #content.acordeon dl.accordion .phone{
float:left;
display:block;
padding-bottom:5px;
margin-bottom:10px;
}

.page #content.acordeon dl.accordion  table.ficha{width:550px}

.page #content.acordeon dl.accordion  table.ficha ul,
.page #content.acordeon dl.accordion  table.ficha ol,
.page #content.acordeon dl.accordion  table.ficha p{margin:0;padding-left:0;padding-right:0}
.page #content.acordeon dl.accordion  table.ficha p{margin-bottom:5px}
.page #content.acordeon dl.accordion  table.ficha ul li,
.page #content.acordeon dl.accordion  table.ficha ol li{margin-left:0;margin-right:0}
.page #content.acordeon dl.accordion  table.ficha ul{margin-left:13px;}

.page #content.acordeon dl.accordion  table.ficha th,dl.accordion table.ficha td{
vertical-align: top;
padding:5px 0 5px 0;
margin:0;
}

.page #content.acordeon dl.accordion table.ficha th{width:35%}

/* End listas acordeon */


#content.wizard  .result_descargas h4{
margin-left:15px;
}

#content.wizard  .result_descargas h5{
margin-left:30px;
}

#content.wizard  .result_descargas ul{
margin-left:50px;
float:left;
margin-bottom:10px;
}

#content.wizard  .result_descargas ul ul{
margin-bottom:0px;
margin-top:5px;
}

#content.wizard  .result_descargas ul.descarga li  ul li{margin:0;padding:0}


#content.wizard  .result_descargas a.rel_voice,
#content.downloads a.rel_voice,
#content ul.descargaFamily a.rel_voice,
#content ul.descargaSimple a.rel_voice{
width:15px;
height:15px;
margin:0 2px 0 5px;
}


#content.wizard  .result_descargas a.rel_voice:hover,
#content.downloads a.rel_voice:hover,
 #content ul.descargaFamily a.rel_voice:hover,
  #content ul.descargaSimple a.rel_voice:hover{
background-position:0 -15px;
}

#content.wizard  .result_descargas a.rel_voice span,
#content.downloads a.rel_voice span,
#content ul.descargaFamily a.rel_voice span,
#content ul.descargaSimple a.rel_voice span{
position: absolute;
top: -999em;
left: -999em
}

#content.wizard  .result_descargas ul.descarga div,
#content ul.descargaFamily div,
#content ul.descargaSimple div{
float:left;
clear:left;
}

#content.wizard  .result_descargas ul.descarga div.player,
#content.downloads div.player,
#content ul.descargaFamily div.player,
#content ul.descargaSimple div.player{
float:left;
clear:none;
}

#content.downloads  ul.descarga li a,
#content ul.descargaFamily li a,
#content ul.descargaSimple li a{
float:left;
}

#content.downloads  ul.descarga li,
#content ul.descargaFamily li,
#content ul.descargaSimple li{
clear:left;
}

#content.wizard  .result_descargas h3,
#content.wizard  .result_descargas h4,
#content.wizard  .result_descargas h5,
#content .list_descargas h3,
#content .list_descargas h4,
#content  .list_descargas h5{
clear:left;
}


#content.wizard  .result_descargas ul.descarga ul{
margin-left:10px;
clear:left;
}

#content.wizard  .result_descargas ul.descarga div.slide_content{
overflow: hidden;
margin-bottom:5px;
}

#content.wizard  .result_descargas ul.descarga li,
#content.wizard  .result_descargas ul.descarga li ul li {float:left;clear:left;list-style:none;padding-left:15px;}
#content.wizard  .result_descargas ul.descarga li a{float:left;}
#content.wizard  .result_descargas ul.descarga li.more {clear:left;list-style:none;background:none;padding-left:0;margin-top:-1px;}
#content.wizard  .result_descargas ul.descarga li.more .slide_toggler{
padding-left:15px;
}


#content .printButton{
float:right;
margin-right:5px;
margin-top:-5px;
}

#content .printButton img{
position:relative;
top:5px;
}