/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Stylesheet: Layout
 * Project:
 * Author: CK
 * Date: dd-mm-yy
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* R E S E T
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

h1, h2, h3, h4, h5, h6, pre, code, table, td, th, dd, dt, dl, li, input, button, select, textarea {
    font-size: 1em;
}
ul, ol, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, td {
    margin: 0;
    padding: 0;
}
a img, :link img, :visited img {
    border: none
}
table {
    border-collapse: collapse;
}
fieldset {
    border: none;
}
input, button, select, textarea {
    font-family: inherit;
}
input, select {
    vertical-align: middle;
}
ul, ol {
    list-style: none;
}
hr {
    display: none;
}

a {
    outline: 0 none;
}

/* Clearing without markup http://www.positioniseverything.net/easyclearing.html */

/*
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
/*
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
*/
/* End hide from IE-mac */

/* For alternate content for screen readers */
.hidden {
    position: absolute;
    left: 0px;
    top: -2000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/*
/* For accesible image replacing */
.replaced {
    display: block;
    width: auto;
    height: auto;
    /* hide from IE Mac \*/
    text-indent: -999em;
    overflow: hidden;
    /* end hide */
}
/*
* html>body .replaced {
    letter-spacing: -999em;
}
*/

/* Wrappers */
.wrapper {
    margin: 0;
    padding: 0;
}


/* G E N E R A L
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html {
    /*background: #fff url(/web/Backgrounds/html.gif) repeat-x;*/
}

#verde, #azul, #rojo{
    font:62.5%/1.16em Arial, Helvetica, sans-serif;




}

body {
    font: 62.5%/1.16em Arial, Helvetica, sans-serif;
    color: #444;
    /*background: url(/web/Images/body.gif) left bottom repeat-x;*/
}
/*.outer {
    background: url(../images/bck_wrapper.gif) repeat-x scroll 100% 137px;
}*/




.outer {
    background: url("../images/bck_bg.png") repeat scroll 100% 137px ;    
    background-position: 100px;
 
}



a, a:link {
    color: #000;
    text-decoration:none;

}
a:visited {
    color: #444;
}
a:hover, a:focus {
    text-decoration: none;
}
a:active {
    color: #444;
}


/* L A Y O U T
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#contenedor {
    width: 950px;
    position: relative;
    margin: auto;
    border:1px solid silver;
    z-index:1;
    background: white;
}

/*#contenedor2 {
    width: 940px;
    margin: 0 auto;
    position: relative;
}*/


/* Cabecera */

#okbutton {
    color: white;
    font-weight: bold;
    font: verdana;
    font-size: 10px;
}



#form {
    border-bottom: solid 1px #8dca19;
    padding-bottom: 3px;
    margin-bottom: 3px;
    float: right;
}


#cabecera {
    font-size: 1em;
    line-height: normal;
    padding: 115px 0 0 34px;
    height: 166px;

    /*background: url(../images/bck_cabecera2.gif) left bottom no-repeat;*/

}
#cabecera .logo {
    width: 200px;
    height: 75px;
    position: absolute;
    top: 14px;
    left: 10px;

}
#cabecera .textoPrincipal {
    height: 140px;
    left: -1px;
    padding-left:20px;
    padding-top: 20px;
    position: absolute;
    top: 100px;
    visibility: visible;
    width: 932px;
    z-index: -1;
    /*background:  url("../images/bck_medium.png") repeat-x scroll 0px -20% #94B91C*/
    background: url("../images/bck_banner.png") ;
}



#cabecera .cabeceraInicio
{
    color:#87c21a;
    font-size:26px;
    position:relative;
    left:5px;
    width: 60%;
    text-shadow: #000000 4px;

}


/*
#cabecera .cabeceraDemo 
{
    color:White;
    font-size:30px;
    position:relative;
    left:5px;
}
*/
/*
#cabecera .cabeceraProfesionales
{
    color:White;
    font-size:30px;
    position:relative;
    left:5px;
}
*/
/*
#cabecera .cabeceraFAQ
{
    color:White;
    font-size:30px;
    position:relative;
    left:5px;
}
*/
/*
#cabecera .cabeceraDescarga
{
    color:White;
    font-size:30px;
    position:relative;
    left:5px;
}
*/
/*
#cabecera .cabeceraContacto
{
    color:White;
    font-size:30px;
    position:relative;
    left:5px;
}*/
#cabecera h1 {
    font-size: 3em;
    font-weight: normal;
    color: #fff;
    height: 31px;
}
/*
#cabecera .tagline {
    font-size: 1.4em;
    color: #fff;
    height: 61px;
    margin: 0 0 0 2px;
}*/
#cabecera .producto {
    position: absolute;
    top: 40px;
    width: 210px;
    height: 219px;
    left: 722px;
}
/*
#cabecera .chica {
    position: absolute;
    top: 90px;
    left: -1px;
    width: 202px;
    height: 200px;
}*/

#cabecera .bolas-izq {
    background:url(/200912-Navidad/bolas-izq.png) no-repeat;
    position: absolute;
    top: 139px;
    left: -127px;
    width: 144px;
    height: 254px;
    height:520px;
}

#cabecera .bolas-der {
    background:url(/200912-Navidad/bolas-der.png) no-repeat;
    position: absolute;
    top: 139px;
    left:919px;
    width: 110px;
    height: 519px;
}

/* Navegacion */

#navegacion {
    font-size: 1.2em;
    line-height: 27px;
    position: absolute;
    top: 70px;
    left: 185px;
    width: 600px;
}
#navegacion li {
    float: left;
    background: url(/static/web/Images/navegacion-li.gif) right top no-repeat;
    height: 30px;
    margin: 0 -1px 0 0;
    margin-right: 3px;
}
#navegacion .active {
    background: url(/static/web/Images/navegacion-li-active.gif) right top no-repeat;
}
#navegacion .last {
    margin: 0;
}
/* this is only for IE 6 \*/
* html #navegacion li {
    width: 1%;
    white-space: nowrap;
}
/* end */
#navegacion a {
    display: block;
    height: 27px;
    padding: 3px 15px 0 16px;
    background: url(/static/web/Images/navegacion-a.gif) no-repeat;
    color: #3e3e3e;
    text-decoration: none;
}
#navegacion a:hover {
    color: #010000;
}
#navegacion .active a {
    background: url(/static/web/Images/navegacion-active-a.gif) no-repeat;
    font-weight: bold;
}


/* Contenido */
#contenido {
    min-height: 330px;
    /*	padding: 10px 0 0 30px; */
}

#videos {
    color: #333333;
    text-decoration: underline;
}

#videos:hover {
    color: #66CC00;
    text-decoration: underline;
}



/* only for IE 6 \*/
* html #contenido {
    height: 330px;
}
/* end */

/* Pie */
#pieInicio {
    clear: both;
    font-size: 1.1em;
    line-height: 35px;
    height: 35px;
    padding: 0 0 28px;
    text-align: center;
    color: #444444;
    margin-top: 5px;
}
/*#pieVideo {
    clear: both;
    font-size: 1.1em;
    line-height: 35px;
    height: 35px;
    padding: 0 0 28px;
    text-align: center;
    color: #444444;
    margin-top: 160px;
}*/
/*#pie {
    clear: both;
    font-size: 1.1em;
    line-height: 35px;
    height: 35px;
    padding: 0 0 28px;
    text-align: center;
    color: #444444;
    margin-top: 80px;
}*/
/*
#pieDescargas {
    clear: both;
    font-size: 1.1em;
    line-height: 35px;
    height: 35px;
    padding: 0 0 28px;
    text-align: center;
    color: #444444;
    margin-top: 120px;
}*/
/*
#pieProfesionales {
    clear: both;
    font-size: 1.1em;
    line-height: 35px;
    height: 35px;
    padding: 0 0 28px;
    text-align: center;
    color: #444444;
    margin-top: 115px;
}
#pie p {

}*/


/* C O N T E N T
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#contenido {
    position: relative;
    top: -15px;
    font-size: 1.3em;
    line-height: normal;
    padding-left:5px;

}
#contenido h2 {

}
#contenido h3 {
    height: 15px;
}
#contenido p {
    margin: 0 0 15px;
}
#contenido li {

}
#cabecera .contenidoInicio 
{
    color: black;
    font-size: 12px;
    position: relative;
    top: 7px;
    width: 70%;
    left: 7px;

}
/*
#cabecera .contenidoContacto 
{
    color:Black;
    font-size:14px;
    position:relative;
    top:7px;
    left:7px;

}*/
#cabecera .contenido 
{
    color:Black;
    font-size:14px;
    position:relative;
    top:7px;
    left:7px;

}
/*
#cabecera .contenidoDescarga 
{
    color:Black;
    font-size:14px;
    position:relative;
    top:7px;
    left:7px;

}
*/
/*
#areaDescargaBasico 
{
    width: 252px;
    height: 195px;
    background-image: url(/static/web/Backgrounds/descargar_bg.png) no-repeat;
}*/
/*#windows
{
    position: relative;
    float: left;
}
#linux
{
    position: relative;
    float: left;
}
#mac
{
    position: relative;
    float: left;
}*/
/*
#cabecera .contenidoFAQ {
    color:Black;
    font-size:14px;
    position:relative;
    top:7px;
    left:7px;
}*/
/*
#cabecera .contenidoProfesionales 
{
    color:Black;
    font-size:14px;
    position:relative;
    top:7px;
    left:7px;

}
*/



#foot{
    text-align:center;
    margin:0;
    line-height:15px;
}

#cuadrodescarga{
    background: url(../images/bck_descarga.png);
    background-repeat: no-repeat;
    width:7480px;
    height:140px;
    margin-bottom:10px;
    padding-left:75px;
    padding-top:20px;
    margin-left:-10px;
}

#cuadrodescarga .titulo{
    font-size:20px;
    font-weight:bold;
}



#descargarboton{
    margin-top:-15px;
    margin-left:200px;
}

#cabecera-pag{
    background: url(../images/bck_cabecera.png);
    background-repeat: no-repeat;
    width: 97%;
    margin-left: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    padding-left: 15px;
}


#productgroup{
    background: url(../images/bck_productgroup.png);
    background-repeat:no-repeat;
    width:100%;
    height:165px;
    margin-bottom:5px;
    margin-left: 5px;
}

.titulo{
    font-size:12px;
    margin-left:10px;
    font-weight:bold;
    padding-top:3px;
    color:black;
}

.categories{
    margin-left:40px;
}

#productgroup .cuadro{
    float:left;
    margin-top:8px;
    width: 155px;
    height: 138px;
}

#productgroup .cuadro_selected{    
    float: left;
    height: 138px;
    margin-left: 1px;
    margin-top: 8px;
    padding-left: 0;
    width: 155px;
}


.cat_selected{
    margin-left:70px;
    margin-top:30px;
}

#productgroup .h1{
    color:black;
    font-size:11px;
    font-weight:bold;
    text-align:center;
}

#productgroup .price{
    font-size:11px;
    font-weight:bold;
    text-align:center;
}
#productgroup .price{
    color:blue;
    font-size:11px;
    font-weight:bold;
    text-align:center;
}

#productgroup .price{
    color:red;
    font-size:11px;
    font-weight:bold;
    text-align:center;
}


#descarga{
    width:25%;
    float:left;
}


.descarga{
    float:left;
    background:url(../images/bck_der.png);
    background-repeat:no-repeat;
    height:450px;
    margin-left:6px;
    width:230px;
    padding-top:8px;
    text-align:left;
    font-size:10px;


}
#products{
    background:url(../images/bck_products.png);
    background-repeat:no-repeat;
    width:74%;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    height:450px;
    color:black;
    float:left;
    margin-left:5px;
}

#products .titulo{
    font-size:12px;
    margin-left:10px;
    font-weight:bold;
    padding-top:3px;
}

#products .izq{
    width:35%;
    float:left;
    padding-left:20px;
    margin-top:35px;
}

#products .der{
    float:left;
    width:60%;
}

#products .der .tituloder{
    margin-top:10px;
    font-weight:bold;
}

/*#products .der .desc{
    font-size:10px;
}*/
.desc{
    font-size:10px;
    font-weight:normal;
    margin-bottom:0px;
    margin-left:0px;
}

#products .der .categorias{
    font-size:12px;
    font-weight:bold;
}


#products .der .selector{
    float:left;
    width:50%;
}

.newselector{
    position:absolute;
    left:400px;
    width:75px;
}

#products .der .resumen{
    float:left;
    width:50%;
    text-align:center;
}


#products .der .resumen .precio{
    font-weight:bold;
}

#inferior{
    margin-left:20px;
    width:95%;
    float:left;
}

#inferior .titulo{
    font-weight:bold;
    font-size:12px;
    margin-left:0px;
}



#inferior .desc{
    font-size:10px;
}


/* CSS NUEVOS */
.fright {display: block; float: right}
.fleft {display: block; float: left}
.acenter {display: block; text-align: center}

img.fright {margin-left: 15px}
img.fleft {margin-right: 15px}



.page_nice_title {
    height: 50px;
    margin: 0 auto 20px auto;
    padding-left: 90px;
    width: 780px;
}

#verrde .page_nice_title .title {
    border-bottom: 1px solid #8FC217;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

#rojo .page_nice_title .title {
    border-bottom: 1px solid red;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
#azul .page_nice_title .title {
    border-bottom: 1px solid blue;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.page_nice_title .description {
    margin-top: 5px;
    font-size: 12px;
}

#cabecera {
    margin-bottom: 20px;
    position: relative;

}

#cabecera .descarga {
    bottom:4px;
    position:absolute;
    right:236px;
    z-index:2;
}

/*#pasos {
    margin-left: 20px;
}
*/
#loginCliente {
    display:inherit;
    height:49px;
    left:455px;
    position:absolute;
    top:15px;
    width:490px;
    z-index: 20;
}

/*#clickable_area {
    display: block;
    height: 310px;
    width: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
}*/

/****************************/
/*    		TV area			*/
/****************************/

#tv_nice_title {
    background: url(/static/web/Icons/tv.gif) no-repeat;
    padding-top: 10px;
}

#customfoto_tv {
    position: relative;
    height: 466px;
    width: 884px;
    margin: 0 auto;
}

#youtube_gallery {
    margin: 0 auto;
    width: 750px;
    padding-top: 32px;
}

#videoMascaraHeader {
    width: 884px;
    height: 43px;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-image: url(/static/web/Backgrounds/customfototv_header.png);
}

#videoMascaraLeft {
    width: 80px;
    height: 378px;
    position: absolute;
    display: block;
    top: 43px;
    left: 0;
    background-repeat: no-repeat;
    background-image:url(/static/web/Backgrounds/customfototv_left.png);
}

#videoMascaraRight {
    width: 80px;
    height: 378px;
    position: absolute;
    display: block;
    top: 43px;
    left: 804px;
    background-repeat: no-repeat;
    background-image:url(/static/web/Backgrounds/customfototv_right.png);
}

#videoMascaraCenter {
    width: 17px;
    height: 378px;
    position: absolute;
    display: block;
    top: 43px;
    left: 550px;
    background-repeat: no-repeat;
    background-image:url(/static/web/Backgrounds/customfototv_center.png);
}

#videoMascaraFooter {
    width: 884px;
    height: 45px;
    position: absolute;
    display: block;
    top: 421px;
    left: 0;
    background-repeat: no-repeat;
    background-image:url(/static/web/Backgrounds/customfototv_footer.png);
}


/****************************/
/*    registration area		*/
/****************************/

#register_info {
    float: left;
    width: 390px;
    margin-top: 40px;
}

#register_info p.list{
    height: 40px;
    line-height: 40px;
    margin: 10px 0;
    font-size: 12px;
}

/*

#register_form {
    width: 450px;
    padding: 20px;
    border: 1px silver solid;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    float: right;
}

#register_form div {
    margin: 4px 0;
    padding: 0;
}

#register_form .errorlist {
    color: #EF2929;
    width: 270px;
    display: block;
    margin-left: 170px;
    clear: both;
    font-size: 0.8em;
}

#register_form .info {
    width: 270px;
    color: silver;
    display: block;
    margin-left: 180px;
    clear: both;
}

#register_form .input_holder {
    float: left;
    width: 100%;
    margin: 0;
}

#register_form .input_holder input,
#register_form .input_holder select {
    height: 20px;
    border: 1px solid #AAAAAA;
    width: 268px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 5px;
    margin: 0 0 0 180px;
}

#register_form #mas_info {
    text-align: right;
}

#register_form .input_holder ul {
    display: block;
    width: 270px;
}


#register_form label {
    float: left;
    width: 170px;
    padding-right: 10px;
    margin-left: -450px;
    height: 22px;
    line-height: 20px;
    text-align: right;
}

#register_form .submit {
    width: 150px;
    margin-left: 180px;
    margin-top: 20px;
}

*/

#register_form {
    padding-top: 20px;
}


#register_form label {
    float: left;
    width: 170px;
    padding-right: 10px;
    height: 22px;
    line-height: 20px;
    text-align: right;
    margin-top:  -20px;
    font-weight: bold;
}

#register_form .submit {
    width: 150px;
    margin-left: 200px;
    margin-top: 20px;
}


#register_form div {
    margin: 4px 0;
    padding: 0;
    padding-left: 150px;
}

#register_form .errorlist {
    color: #EF2929;
    width: 270px;
    display: block;
    margin-left: 170px;
    clear: both;
    font-size: 0.8em;
}

#register_form .info {
    width: 270px;
    color: silver;
    display: block;
    margin-left: 180px;
    clear: both;
}

#register_form .input_holder {
    float: left;
    width: 100%;
    height: 25px;
    margin: 0;
}

#register_form .input_holder input,
#register_form .input_holder select {
    height: 20px;
    border: 1px solid #AAAAAA;
    width: 268px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 5px;
    margin: 0 0 0 180px;
}

#register_form #mas_info {
    text-align: left;
    padding-left: 200px;
}

#register_form .input_holder ul {
    display: block;
    width: 270px;
}

p.success{
    color: #4F8A10;
    background-color: #DFF2BF;
    text-align: center;
    padding: 10px 5px;
    border: 2px solid #4F8A10;
    margin: 5px auto;
}

p.alert{
    background: #fff6bf;
    text-align: center;
    padding: 10px 5px;
    border: 2px solid #ffd324;
    /*margin: 5px auto;*/
    color:#f66666;

}


/*#id_zip {
    width: 90px !important;
}

#id_province {
    width: 180px !important;
}

#id_gender {
    width: 90px !important;
}
*/

/****************************/
/*     	  home page			*/
/****************************/

#principalHome {
    width: 910px;
    margin: 0 auto;
    position: relative;
    -ms-overflow-x:hidden;
    overflow-x:hidden;
}

/*#miniIconos {
    position:absolute;
    top: 52px;
    left: 2px;
    width: 200px;
}*/

/*#pasos_5 a {margin: 0; padding: 0; overflow: auto}
#pasos_5 a img {margin: 0; padding: 0; float: left}
*/

/****************************/
/*     	download page		*/
/****************************/

/*#download_box {
    margin-left: 50px;
    width: 600px;
    height: 170px;
}

#download_box h3 {
    border-bottom: 1px solid #95C705;
    padding-right: 90px;
    margin-bottom: 10px;
    float: left;
}

#download_box .description {
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 110px;
    background: url(/img/descargas/product_box.png) no-repeat 0 50%;
}

#download_box .links {
    margin-top: -30px;
    margin-left: 104px;
}
*/
#download_column_left {
    width: 471px;
    float: left;
    margin-left: 10px;
}

#download_column_left ul {
    margin: 5px;
    font-size: 0.9em;
}

#download_column_left ul {
    margin-left: 10px;
    list-style: disc;
}

#download_column_left .error {
    font-size: 9px;
    color: #EF2929;
}

#download_body {
    float: left;
    width: 468px;
    border-left: 1px solid silver;
    overflow: auto;
    min-height:400px;
}

#download_body .download_topic {
    margin: 0 12px;
    text-align: left;
    font-size: 0.9em;
    width:400px;

}

#download_body .download_topic h4 {
    font-size: 1.2em;
    text-align: center;
    margin: 6px 0;
    float:left;
}

#download_body .download_topic p {
    float:left;
    margin:6px 0;
}

/****************************/
/*     	 contact page		*/
/****************************/

#contact_nice_title {
    background: url(/img/foro/foro_icon.png) no-repeat;
}


/*
#icons-home{
    width:207px;
    margin-top:5px;
}
*/
/*
#cuadro-producto{
    min-height:225px;
}*/

/**:first-child+html #imagen-ejemplo {
    margin-top:0px;
    z-index:-1;
    min-height:225px;

}*/
/*
#imagendiscount{
    margin-left:-10px;
}
*/
/*#promocion-number-home{
    font-size:18px;
    margin-left:9px;
    margin-top:-35px;
}
*/
/*
#texto-home{
    color:black;
    text-align:center;
    font-weight:bold;
}
*/
/*
#logotab{
    margin-top:-39px;
    margin-left:32px
}*/

/* Truco ie7 */
/**:first-child+html #logotab {
    margin-top:-30px;
    margin-left:32px
}
*/
/*
#presentacion{
    text-align:center;
    color:black;
    width:200px;
    margin-top:5px;
}
*/

#reg{
    background: transparent url(../images/bck_little_back.png) no-repeat;
    width:170px;
    height:220px;
}

#reg .reg-image{
    background:transparent;
    padding-top:10px;
}


/* Google Chrome hack */
body:nth-of-type(1)  #reg .reg-image {
    background:white;
    padding-top:-20px;
    padding-left:13px;
    width:90px;
}


/*h1*/
.titregalo{
    text-decoration:weigth;
    font-size:12px;
    margin-left:-10px;
    padding-top:2px;
    font-weight:bold;
    color:black;

}

.titlegroup{
    font-size:11px;
    color:gray;
    margin-left:0px;
    margin-top:0px;
}

.descgroup{
    color:#858585;
    font-size:11px;
    margin-bottom:0px;
    font-weight:normal;
    margin-left:0px;
    margin-top:0px;
    height:10px;
}

.cuadroalbumes {margin-top:10px;margin-left:9px}

.imagealbumessin{float:left;height:95px;width:35%;margin-top:10px;padding-right:5px}
.imagealbumes{float:left;height:95px;width:35%;border-bottom:1px solid gray;margin-top:10px;padding-right:5px}

.textalbumes{float:left;height:95px;width:52%;border-bottom:1px solid gray;font-size:11px;margin-top:10px}
.textalbumessin{float:left;height:95px;width:52%;font-size:11px;margin-top:10px}

.lienzos{float:left;width:90px}

#cajalienzo{float:left;width:96px;height:100px;margin-left:5px;border-right:1px solid gray;text-align:center}
#cajalienzosin{float:left;width:96px;height:100px;margin-left:5px;text-align:center}




#divdescarga{
    position:absolute;
    top:390px;
    margin-left:1px;margin-top:-2px;
    .margin-top:100px;
}
/*
//////////////////////////////////////
/* CSS INTRANET -- AREA DE CLIENTES */

* {
    margin: 0;
    padding: 0;
}


.verde{
    background: #a0cc3a;
}
.rojo{
    background: red;
}
.azul{
    background: blue;
}

 #wrapper h2 {
    margin-bottom: 15px;
}


a {
    color: #fff;
    text-decoration: none;
}



#wrapper table {
    width: 100%;
    font-size: 12px;
    border: 1px silver solid;
    border-collapse: collapse;
}

#wrapper table thead {
    background: #90C619;
    color: #000;
    border: none;
}

#wrapper table td, table th {
    border-style: none;
    border-width: 0px;
    border-color: red;
    height: 26px;
}

#wrapper td {
    padding: 5px 0;
}

#wrapper tr.odd {
    background: #D2DEB7;
}

#wrapper label {
    margin: 4px 0;
}

#wrapper input {
    float: left;
}

#wrapper select {
    width: 184px;
}

#wrapper {
    width: 760px;
    margin: 0 auto;
    font-size: 12px;
}

#header {
    width: 760px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 50px;
}

#header h1 {
    color: #9B9B9C;
    border-bottom: 1px solid #9B9B9C;
}


.pagination {
    text-align: center;
    line-height: 2em;
    color: #fff;
    font-weight: bold;
    margin: 10px auto;
}

.pagination a {
    text-decoration: none;
}

.pagination .page-link {
    border: 1px solid #A0CC3A;
    margin: 0 4px;
    padding: 3px;
    display: inline;
    width: 10px;
    font-size: 12px;
    line-height: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.pagination .page-link.current {
    background: #A0CC3A;
}


.box {
    overflow: auto;
    border: 1px silver solid;
    font-size: 14px;
    padding-bottom: 10px;
    /*background: #5F5F61;*/
    margin-bottom: 20px;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 9px;
    -webkit-border-top-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    position: relative;
    min-height: 200px;
}

.box a {
    text-decoration: underline;
}

.box .head {
    text-align: center;
    color: #000;
    background: #A0CC3A;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    border-bottom: 2px solid silver;
    margin-bottom: 20px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}

.box .col {
    float: left;
    margin-bottom:25px;
    width: 49%;
}

.box .col .label {
    width: 40%;
    float: left;
    text-align: right;
    margin: 4px 0;
    height: 20px;
    line-height: 20px;
}

.box .col .key {
    width: 60%;
    float: left;
    text-align: left;
    margin: 4px 0;
    height: 20px;
    line-height: 20px;
}

#download_links {
    float:left;
    margin-top:34px;
    margin-left:160px;
    width:288px;
    z-index:10;
}


#wrapper input.submit, button {
    display: block;
    text-align: center;
    float: left;
    width: 120px;
    margin-top: 30px;
    margin-left: 20px;
    font-size: 15px;
}



.fleft {
    display: block;
    float: left;
}

/*.fright {
    display: block;
    float: right;
}
*/
/*
.errorlist {
    display: block;
    clear: both;
    color: red;
    font-size: 11px;
    list-style: none;
    padding-top: 25px;
}
*/

.errors {
    width: 300px;
    margin: 0 auto;
}

.errors .errorlist {
    padding: 0;
}

.errors ul li{
    float: left;
}

.errors ul li ul {
    margin: 0 0 0 40px;
    padding: 0;
    float: left;
}

.label{
    font-weight:bold;
}


/*AREA DE CLIENTEs */

#opciones{
   
    float:left;
    width:96.5%;
    height:130px;
    margin-bottom:10px;
}


#opciones #links{
    font-family:monospace;
    padding:13px;
}

#opciones .options{
    font-weight:bold;
    color:black;
    font-size:12px;
    text-decoration:underline;
    cursor:pointer;
}
#opciones .title{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;    
    font-size:12px;
    font-weight:bold;
    height:14px;
    padding-left:5px;
    padding-top:4px;
    font-family:monospace;
}


#cuadro-opciones{
    float:left;
    height:150px;
    margin-right:10px;
    margin-top:25px;
    width:100%;
}

#opciones .opcion{
    float:left;margin-right:15px;
}

#opciones .texto{
    font-size:9px;
    text-align:center;
}

iframe{
    margin-left:-15px;
}




#preciodesde{
    font-size:13px;
}



#area-cliente{
    text-decoration: none;
    
}


#form-log label{
    width: 55px;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
}

#area-cliente{
    font-size:13px;
    float: left;font-weight: bold;margin-top: 3px;margin-right: 5px;
}

.breadcrumbs{
    font-size:9px;
    width:auto;
    float:right;
    margin-right:10px;
    margin-top:5px;
}

.row1-gray{
    background: #fafafa;
}

.row2-white{
    background: white;
}

#precios_regalos{
    color: #666666;
    margin-bottom: 10px;
    margin-top: 10px;
}

#precios_regalos td{
    padding: 5px;
    border: 1px solid silver;

}

 .img-izq .title{
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin-top: 30px;
}



#facturacion_info {
	font-size: 12px;
	width: 300px;
	margin: 30px auto;
}

#facturacion_info p {
	width: 230px;
        height: 15px;
}

#facturacion_info form p {
	margin-bottom: 5px;
}

#facturacion_info .key {
	text-align: right;
	padding-right: 10px;
	width: 120px;
}

#facturacion_info .value {
	text-align: right;
	width: 80px;
}

#facturacion_info .suma {
	margin-top: 10px;
	border-top: 1px solid #000;
	padding-top: 5px;
}

.submit-big {
    width: 220px !important;
    height: 24px;
    line-height: 24px;
    margin: 10px auto;
    background: url(/img/bigButton_c.gif) bottom left;
    color: #fff;
    border: none;
    font-size: 14px;
    display: block;
    text-align: center;
    float: left;
}
.submit-big:hover {
    background: url(/img/bigButton_c.gif) top left;
}
.key {
    width: 150px;
    float: left;
    text-align: left;
    margin: 0;
}

.value {
    width: 250px;
    float: left;
    text-align: left;
    margin: 0;
}


/** Pagina de precios /products/price **/
.titletable{
	font-size:20px;
	color:green;
}

.titletable2{
	font-size:18px;
}

.titletable3{
	color:green;
}