body
{
    background: #FFF url(../../img2/bg.png) repeat-x;
    font: normal 12px Verdana, Arial
    color: #000;
}

/* Generales */

a
{
    text-decoration: none;
    color: #000;
}
a:hover
{
    text-decoration: underline;
    color: #000;
}

a img
{
    border: 0px;
    cursor: pointer;
}

a.green
{
    color: #cdebaf;
}
a.green:hover
{
    color: #cdebaf;
}

a.yellow
{
    color: #004ebc;
}
a.yellow:hover
{
    color: #004ebc;
}

.float
{
    float: left;
}
.floatr
{
    float: right;
}

/* colours */
.yellow
{
    color: #004ebc;
}
.green
{
    color: #cdebaf;
}

/* ---- */


h1
{
    width: 968px;
    height: 65px;
}

h2
{
    padding: 0px 10px 0px 0px;
    /*background: #303030;*/
    font: bold 30px Tahoma, Arial;
    color: #004ebc;
}

h3
{
    font: bold 12px Tahoma, Arial;
    color: #004ebc;
    font-size:15px;
    padding: 0px 0px 10px 0px;
}

h4
{
    padding: 5px 0px 5px 0px;
    font: bold 14px Tahoma, Arial;
    color: #004ebc;
}

input, textarea, select, option
{
    margin: 2px 0px 2px 0px;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    color: #171717;
    vertical-align: middle;
}

/* fin Generales */

.container
{
    margin: 0px auto 0px auto;
    padding: 0px 17px 0px 17px;
    width: 968px; /* 1002 */
    position: relative;
}

.header
{
}
.header_top
{
    padding: 6px 0px 0px 0px;
    margin-bottom: 0px;
    height: 29px;
    clear: both;
    color: #FFF;
    overflow: hidden;
}
.header_top a
{
    color: #FFF;
}
.header_middle
{
    height: 80px;
    clear: both;
    overflow: hidden;
}
.header_bottom
{
    padding: 0px 0px 0px 0px;
    clear: both;
    overflow: hidden;
}
.header_bottom .float
{
    padding: 5px 0px 0px 0px;
    width: 968px;
}


.container_menu
{
    position: absolute;
    right: 0px;
    top: 117px;
    width: 920px;
}


.menu
{
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 900px;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
}
ul.menu1
{
    position: absolute;
    z-index: 2;
    right: 10px;
}
ul.menu1 li
{
    float: left;
    padding: 0px 0px 0px 0px;
    line-height: 25px;
    border-right: #0b0b0b solid 1px;
    border-left: #5c5b5b solid 1px;
    text-align: center;
}
ul.menu1 li span
{
    padding: 0px 20px 0px 20px;
}
ul.menu1 li a
{
    color: #fff;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
}
ul.menu1 li a:hover
{
    color: #caaf78;
}
ul.menu1 li.select
{
    color: #004ebc;
    background: url(../../img2/bullet_menu.gif) no-repeat 50% 0%;
}
ul.menu1 li.select a
{
    color: #004ebc;
}


ul.submenu
{
    background: #5e5e5e;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    z-index: 3;
}
ul.submenu li
{
    float: none;
    background: none;
    padding: 5px 0px 0px 0px;
    font: 700 11px Arial, Helvetica, sans-serif;
    color: #919796;
    width: 110px;
    text-align: center;
    height: 20px;
    border-top: #727272 solid 1px;
    border-bottom: #424242 solid 1px;
    z-index: 4;
}
ul.submenu li a
{
    padding: 0px;
}

ul.submenu2
{
    background: #5e5e5e;
    margin: 0px 0px 0px 50px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    z-index: 3;
}
ul.submenu2 li
{
    float: none;
    background: none;
    padding: 5px 0px 0px 0px;
    font: 700 11px Arial, Helvetica, sans-serif;
    color: #919796;
    width: 110px;
    text-align: center;
    height: 20px;
    border-top: #727272 solid 1px;
    border-bottom: #424242 solid 1px;
    z-index: 4;
}
ul.submenu2 li a
{
    padding: 0px;
}

#selec
{
    background: url(../../img2/bullet_menu.gif) no-repeat top center;
    color: #ffaf00;
}
#selec a
{
    color: #ffaf00;
}

/* */

.content
{
    padding: 37px 0px 0px 0px;
}

.container_titulo
{
    background: url(../../img2/h2_bg.gif) repeat-x 0px 35px;
    padding-right: 5px;
    width: 968px;
    height: 40px;
}
.container_titulo .comprar
{
    padding: 10px 0px 0px 0px;
    font: bold 12px Tahoma, Arial;
}
.container_titulo .comprar a
{
    color: #004ebc;
}

.container_2
{
    clear: both;
    overflow: hidden;
    padding: 20px 0px;
}

.container_2 .module
{
    width: 480px;
    float: left;
    padding-bottom: 20px;
}

.container_2 h3
{
    font: bold 18px Tahoma, Arial;
    color: #000;
}

.container_2 .module p
{
    padding: 5px 0px 5px 0px;
    color: #004ebc;
    font-size: 12px;
}

.container_2 .module .text
{
    float: left;
    width: 250px;
    padding: 10px 5px 0px 10px;
}
.container_2 .module .image
{
    float: left;
    width: 183px;
}


.container_2 .col_1
{
    float: left;
    padding: 0px 20px 0px 0px;
    width: 700px;
    font: normal 12px Verdana, Arial;
}
.container_2 .col_1 p
{
    padding: 5px 10px 5px 0px;
}
.container_2 .col_1 p.padtop_20
{
    padding: 15px 10px 5px 0px;
}
.container_2 .col_1 ul li
{
    background: url(../../img2/newsletter_bullet.gif) no-repeat 0px 10px;
    padding: 4px 10px 4px 10px;
}

.container_2 .col_1 .news
{
    clear: both;
    overflow: hidden;
    padding: 5px 0px 5px 0px;
}
.container_2 .col_1 .news div.float
{
    width: 490px;
    padding: 0px 0px 0px 10px;
}
.container_2 .col_2
{
    float: left;
    width: 220px;
}


/* home */

.container_home
{
    clear: both;
    overflow: hidden;
    padding: 10px 0px 0px 0px;
}
.container_home .col_1
{
    width: 392px;
    float: left;
}
.container_home .col_2
{
    width: 566px;
    float: left;
    padding: 0px 0px 0px 10px;
}
.container_home .col_2 h2
{
    background: transparent;
    padding: 0px 0px 0px 0px;
    color: #f1a602;
    font: normal 20px Tahoma, Arial;
    letter-spacing: 1px;
}
.container_home .col_2 h2.white
{
    padding: 0px 0px 10px 0px;
    color: #fff;
    letter-spacing: 0px;
    font: bold 14px Tahoma, Arial;
}
.container_home .col_2 p
{
    color: #ffffff;
    font: normal 14px Tahoma, Arial;
    padding: 0px 0px 10px 0px;
}
.container_home .col_2 p.small
{
    font: normal 12px Verdana, Arial;
}

.container_home .col_2 .col_11
{
    width: 360px;
    float: left;
    padding: 0px 20px 0px 0px;
}
.module_line
{
    border-bottom: #535353 solid 1px;
}
.container_home .col_2 .col_11 h3
{
    padding: 10px 0px 10px 0px;
    font: bold 16px Tahoma, Arial;
}
.container_home .col_2 .col_11 h4
{
    padding: 0px 0px 10px 0px;
}
.container_home .col_2 .col_11 p
{
    font: normal 14px Tahoma, Arial;
}
.container_home .col_2 .col_11 .pad_0
{
    padding-bottom: 0px;
}
.container_home .col_2 .col_22
{
    width: 186px;
    float: left;
}
.container_home .col_2 .col_22 .module
{
    background: url(../../img2/fondohome.jpg) no-repeat;
    padding: 10px 10px 10px 10px;
    margin: 20px 0px 0px 0px;
    /*width:165px; Juanma (13/07/2009)- comentado para corregir la visualización de la caja de solicitud de información en el inicio*/
    height: 83px;
}
.container_home .col_2 .col_22 .module h3
{
    padding: 5px 0px 5px 0px;
    width: 70px;
}
.container_home .col_2 .col_11 p
{
    font: normal 12px Verdana, Arial;
}

/* --------------- */

.module_newsletter
{
    padding: 10px 0px 10px 0px;
}

/* Terminos */

.container_terminos h3
{
    padding: 20px 0px 10px 0px;
}
.container_terminos p
{
    padding: 10px 0px 10px 0px;
    font: normal 12px Verdana, Arial;
}

/* --------------- */


/* Faqs */

.container_faq
{
    padding: 10px 0px 10px 0px;
    float: left;
    clear: both;
    overflow: hidden;
}

.container_faq .col_1
{
    float: left;
    width: 700px;
}
.container_faq .col_2
{
    float: left;
    width: 200px;
}

.pregunta
{
    padding: 5px 0px 5px 0px;
    font: bold 12px Verdana, Arial;
}
.respuesta
{
    padding: 5px 10px 5px 10px;
    font: normal 12px Verdana, Arial;
}
.respuesta p
{
    padding: 5px 0px 5px 0px;
}


/* --------------- */

/* Mapa web */

.container_mapa
{
    margin: 40px 0px 0px 0px;
    padding: 30px;
    background: #272727 url(../../img2/mapaweb_bg.gif) repeat-x left top;
}

ul.mapa_1 li
{
    float: left;
    color: #f3a702;
    padding: 0px 20px 0px 60px;
    position: relative;
}
ul.mapa_1 li.menos
{
    float: left;
    color: #f3a702;
    padding: 0px 30px 0px 40px;
    position: relative;
}
ul.mapa_1 li a
{
    color: #f3a702;
}

ul.mapa_2
{
    background: transparent url(../../img2/mapaweb_nivel2_bg.gif) repeat-y left top;
    padding: 20px 0px 20px 0px;
    margin: 10px 0px 0px 0px;
}
ul.mapa_2 li
{
    float: none;
    color: #fff;
    padding: 10px 0px 10px 18px;
    width: 60px;
    clear: both;
    overflow: hidden;
    background: url(../../img2/mapaweb_nivel2_bullet.gif) no-repeat 0px 10px;
}
ul.mapa_2 li a
{
    color: #fff;
}

/* --------------- */

/* Niveles */

.nivelador
{
    width: 100%;
    margin: 10px 0px 20px 0px;
}
.nivelador ul
{
    float: left;
    background: url(../../img2/nivelador_bg.gif) no-repeat top left;
    padding-top: 12px;
    width: 800px;
    position:absolute;

}

.nivelador ul li
{
    width: 80px;
    font: bold 10px tahoma, arial;
    height: 20px;
}

.nivelador ul li.one {
float:left;
padding-left:0;
}
.nivelador ul li.two {
float:left;
left:60px;
top:-20px;
position:absolute;
}
.nivelador ul li.three {
float:left;
left:140px;
position:absolute;
text-align:center;
color: #333333;
}
.nivelador ul li.four {
float:left;
left:220px;
top:-20px;
position:absolute;
width:120px;
color: #333333;
}
.nivelador ul li.five {
float:left;
left:325px;
position:absolute;
}
.nivelador ul li.six {
float:left;
left:410px;
top:-20px;
position:absolute;
}
.nivelador ul li.seven {
float:left;
left:480px;
position:absolute;
width:120px;
color: #333333;
}
.nivelador ul li.eight {
float:left;
left:570px;
top:-20px;
width:120px;
position:absolute;
color: #333333;
}
.nivelador ul li.nine {
float:left;
left:680px;
position:absolute;
width:0px;
}
.nivelador ul li.ten {
float:left;
left:745px;
top:-20px;
text-align:right;
position:absolute;
}



.nivelador a:hover
{
    text-decoration: none;
    color: #004ebc;
}
.nivelador .nivel_sec
{
    background: url(../../img2/nivel_ok.gif) no-repeat 57px 0px;
    color: #fff;
}

.nivelador .button
{
    margin: -10px 10px 0px 0px;
    padding: 6px 10px 0px 10px;
    z-index: 100;
    position: relative;
}

.container_niveles
{
    margin: 0px 0px 0px 0px;
    padding: 30px 20px 30px 40px;
}

.container_niveles .module
{
    width: 170px;
    padding: 0px 5px 30px 5px;
}
.container_niveles .module h3
{
    font: bold 13px Tahoma, Arial;
    color: #004ebc;
    padding: 0px 0px 0px 0px;
}
.container_niveles .module p
{
    color: #fff;
}
.container_niveles .module p a
{
    color: #004ebc;
}
.container_niveles .module img
{
    margin: 10px 0px 20px 0px;
}
.container_niveles .module a img
{
}
.container_niveles .module a:hover img
{
}
.container_niveles .module p img
{
    margin: 0px 0px 0px 0px;
}
.container_niveles .fin
{
    background-image: none;
}

.container_prod
{
    padding: 10px 0px 0px 0px;
}
.container_prod .col_1
{
    float: left;
    width: 493px;
}
.container_prod .col_2
{
    float: left;
    width: 455px;
    padding: 0px 0px 0px 0px;
}
.container_prod .col_2 h3
{
    font: bold 24px Tahoma, Arial;
    color: #004ebc;
    text-transform:uppercase;
}
.container_prod .col_2 h4
{
    font: bold 14px Tahoma, Arial;
    color: #004ebc;
}
.container_prod .col_2 h5
{
    font: bold 20px Tahoma, Arial; /* juanma - 25/08/09 cambiado tamaño de letra para ajustarnos a la presentación de precios*/
    color: #fff;
}
.container_prod .col_2 p
{
    padding: 5px 0px 5px 0px;
}


.container_prod .col_2 .bullet {
	background: url(../img2/bullet-home-central.gif) no-repeat;
	background-position: 0px 4px;
	padding-left: 17px;
}


/* ------------------ */

/* Sistema */

.container_sistema
{
    padding: 10px 0px 0px 0px;
}
.container_sistema .col_1
{
    float: left;
    width: 406px;
}
.container_sistema .col_1 h3
{
    font: bold 14px Tahoma, Arial;
    color: #004ebc;
    padding: 5px 0px 5px 0px;
}
.container_sistema .col_1 p
{
    padding: 5px 0px 5px 0px;
    font-weight: normal;
}
.container_sistema .col_2
{
    float: left;
    width: 562px;
}

.container_sistema .sistema_opc
{
    padding: 0px 0px 0px 100px;
    width: 462px;
}

.container_sistema .col_2 .num
{
    float: left;
    padding: 4px 0px 0px 0px;
    background: url(../../img2/sistema_imgnum.gif) no-repeat;
    width: 44px;
    height: 39px;
    text-align: center;
    font: bold 30px Arial, Helvetica, sans-serif;
}
.container_sistema .col_2 .content_num
{
    float: left;
    width: 400px;
    padding: 5px 0px 20px 18px;
}
.container_sistema .col_2 .content_num a
{
    font-size: 12px;
}
.container_sistema .col_2 .content_num p
{
    font: normal 14px Tahoma, Arial;
    padding-bottom: 10px;
}

.container_sistema .col_2 .content_videos img
{
    margin: 0px 10px 0px 10px;
}

/* ------------------ */

/* titulacion */

.container_titulacion
{
    clear: both;
    overflow: hidden;
    padding: 20px 0px;
}

.container_titulacion .module
{
    width: 480px;
    float: left;
    padding-bottom: 20px;
}

.container_titulacion h3
{
    font: bold 18px Tahoma, Arial;
    color: #fff;
}

.container_titulacion .col_1
{
    float: left;
    padding: 0px 20px 0px 0px;
    width: 560px;
    font: normal 12px Verdana, Arial;
}

.container_titulacion .col_1 p
{
    padding: 5px 10px 5px 0px;
}

.container_titulacion .col_2
{
    float: left;
    width: 380px;
}

/* -------------------------*/

/* OUP */

.container_oup
{
    clear: both;
    overflow: hidden;
    padding: 20px 0px;
}

.container_oup .module
{
    width: 480px;
    float: left;
    padding-bottom: 20px;
}

.container_oup h3
{
    font: bold 18px Tahoma, Arial;
    color: #fff;
}

.container_oup .col_1
{
    float: left;
    padding: 0px 20px 0px 0px;
    width: 587px;
    font: normal 12px Verdana, Arial;
}

.container_oup .col_1 p
{
    padding: 5px 10px 5px 0px;
}

.container_oup .col_2
{
    float: left;
    width: 361px;
}

.container_oup .col_2 img.border_y
{
    border: #fbac02 solid 2px;
    margin: 20px 0px 20px 0px;
}

.container_oup .col_1 .news
{
    clear: both;
    /*overflow: hidden; Juanma 08/07/09 comentado para corregir la visualización en firefox del area de prensa*/
    padding: 10px 0px 10px 0px;
}
.container_oup .col_1 .news img.float
{
    border: #5b6062 solid 1px;
}
.container_oup .col_1 .news p
{
    padding: 3px 0px 3px 0px;
}
.container_oup .col_1 .news div.float
{
    width: 490px;
    padding: 0px 0px 0px 10px;
}

/* -------------------------*/

/* Test */

.container_test
{
    padding: 20px 0px 0px 0px;
}

.pag
{
    clear: both;
    overflow: hidden;
    padding: 0px 0px 20px 0px;
    font: bold 12px Verdana, Arial;
}
.container_test h3
{
    font: bold 14px Tahoma, Arial;
    color: #000;
}
.container_test .col_1
{
    float: left;
    width: 208px;
    padding: 10px 0px 10px 0px;
    background: #fff;
    border: #ffaf02 solid 1px;
    text-align: center;
}
.container_test .col_1 p
{
    padding: 5px 0px 10px 0px;
    color: #5a5a5a;
}
.container_test .col_2
{
    float: left;
    width: 735px;
    padding: 0px 0px 0px 20px;
}
.container_test .col_2 ul
{
    padding: 20px 0px 20px 0px;
}
.container_test .col_2 ul li
{
    padding: 10px 0px 10px 0px;
    font: normal 12px Verdana, Arial;
}

.container_test .col_11
{
    float: left;
    width: 735px;
    padding: 0px 0px 10px 0px;
}
.container_test .col_11 h3
{
    padding: 10px 0px 10px 0px;
    font-size: 16px;
}
.container_test .col_11 p
{
    padding: 5px 0px 10px 0px;
}
.container_test .col_11 p.padtop_20
{
    padding: 20px 0px 10px 0px;
}
.container_test .col_11 p.padtop_40
{
    padding-top: 40px;
}
.container_test .col_22
{
    float: left;
    width: 208px;
    padding: 0px 0px 0px 20px;
}

table.test_form
{
    width: 500px;
    margin: 20px auto 0px auto;
}

table.test_form td
{
    padding: 3px;
}
/* ------------------------- */

/* error */

.content_error
{
    text-align: center;
    padding: 70px 0px 80px 0px;
    clear: both;
    overflow: hidden;
}

.content_error p
{
    padding: 20px 0px;
}

/* -------------------- */

/* footer de la web */

.footer
{
    padding: 20px 0px 10px 0px;
    font: normal 9px Tahoma, Arial;
    text-align: center;
    clear: both;
    overflow: hidden;
}

/* ----------------*/


li.fin
{
    padding-right: 0px;
}

.small
{
    font-size: 20px;
}
.container_titulo .small
{
    padding-top: 9px;
}
.botonera
{
    width: 99%;
    text-align: left;
    padding: 20px 0px 10px 0px;
}

.button
{
    background: url(../../img2/btn.gif) repeat-x;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
    height:27px;
    padding: 5px 7px 5px 7px;
    border: 0px none #000;
}

.button a
{
    color: #FFF;
}
.button a:hover
{
    color: #FFF;
    text-decoration: underline;
}

div.button
{
    margin: 0px 10px 0px 0px;
}

.padtop_20
{
    padding: 20px 0px 0px 0px;
}

.conatiner_iconos
{
    background: url(../../img2/nivel_contenidospack.jpg) no-repeat top;
    width: 454px;
    height: 100px;
    padding: 49px 0px 0px 5px;
}

.padtop_60
{
    padding: 40px 0px 0px 0px; /* Juanma (28/07/09) - Modificado de 60 a 40 para adaptarnos a la inclusión de una línea más de texto en la descripción de los packs*/
}

.small_p
{
    font-size: 10px;
}

.small_p2
{
    font-size: 9px;
}

.marginr_10
{
    margin-right: 10px;
}

a.yellow2
{
    color: #fff;
}
a.yellow2:hover
{
    color: #004ebc;
}
.phone_top
{
    font-weight: normal;
}

.header_top .floatr {
font-family:Verdana,Arial,sans-serif;
font-size:10px;
font-weight:bold;
}

.header_top .float {
font-family:Arial,Verdana,sans-serif;
font-size:12px;
}

.information_phone
{
    font-size: 24px;
    white-space: nowrap;
}
.marco_comun
{
    font-weight: bold;
    font-style:italic;
    text-decoration: underline;
    font-variant:small-caps; 
}
.container_niveles .module p a.comprar_distributiva
{
    color: #336699;
    font-weight: bold;
    text-decoration: underline;
}

.distributiva_desc img
{
    float:left;
    padding-right: 20px;
}
.distributiva_desc p
{
    float:left;
    padding-bottom: 20px;
}

.distributiva_desc first-line
{
    width: 790px;
}
.distributiva_desc second-line
{
    width: 660px;
}