/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Stylesheet: Layout
 * Project:
 * Author: PPozo
 * Date: 24-03-10
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
    font: 62.5%/1.16em  'Trebuchet MS', Arial, Helvetica, sans-serif;
    background-color: #8ec217;
    color:black;
}

a{
    cursor: pointer;
    cursor: hand;
}

#menu-tab{
    cursor: pointer;
}

a .tab{
    color:black;
    cursor: pointer;
    cursor: hand;
}

a:hover .tab{
    color:white;
    cursor: pointer;
    cursor: hand;
}

a:visited{
    color:#444444;
    text-decoration:none;
    cursor: pointer;
    cursor: hand;
}

a, a:link{
    color:#000000;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
    text-decoration:none;
}


a img{
    border:medium none;
}


#page{
    width:970px;
    margin:auto;
    position:relative;
    background:white;
    padding-left:30px;
    min-height: 800px;

}


#username, #password{
    width:100px;
    height:12px;
    font-size:11px;
}

#okbutton {
    background-color: #8ec217;
    color: white;
    font-weight: bold;
    font: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align:center;
    width:35px;
    height:20px;
}

/* Contenido */
#contenido {
    min-height: 800px;
    //margin-top:-15px;
    /*min-height: 715px;*/
}


#cabecera{
    width:100%;
    height:86px;
}
#loginCliente{
    float:right;
    width:auto;
    top:5px;
    height:35px;
    position:relative;
    margin-right:28px;
}

.register{
    color:#666666;
    font-size:11px;
    font-weight:bold;
    float:left;
    position:relative;
    margin-top:6px;
    margin-right:12px;
}

#footer{
    margin-top:10px;
    color:gray;
    width: 98%;
    border-top:1px solid gray;
    margin-bottom:10px;
}

#footer .text{
    text-decoration:underline;
    margin-left:14px;
    float:left;
    margin-top:15px;
}

#endfooter{
    height:20px;
    color:white;
    margin-left:-25px;
    background:#8ec217;
    width:1000px;
    float:left;

}

#endfooter .left{
    float:left;
    text-align:left;
    width:500px;
}

#endfooter .right{
    width:500px;
    float:left;
    text-align:right;
}
#logo{
    background:white;
    height:69px;
    float:left;
    width:240px;
    margin-top:15px;
    //margin-top:-15px;
}

#menu{
    background-image:url(/templates/thinkinphoto/images/bck_barra.png);
    height:39px;
    width:699px;
    float:left;
    font-size:13px;
    font-weight:bold;
    color:black;
    text-align:center;
}

.tab{
    float:left;
    margin-top:15px;
    height: 40px;
}

.tabselected{
    float:left;
    margin-top:15px;
    color:white;
}

#comodescarga{
    position:absolute;
    left:635px;
    color:black;
    margin-top:75px;
    font-size:28px;
    z-index:20;
}

.info-descarga{
    background-image: url(/templates/thinkinphoto/images/bck_numeros_green.png);
    height:50px;
    width:280px;
    margin-bottom:10px;
    border:2px solid silver;
    padding-top:15px;
    padding-left:10px;
    padding-right:10px;
    float: left;

}


.info-descarga .numero{
    float: left;
    color:#8ec217;
    position: relative;
    top: 10px;
    font-size:43px;
    margin-right:10px;
    font-weight:bold;
    height:150px;
}

.info-descarga .texto{
    float:left;
    color:black;
    font-size:13px;
    width:220px;
    font-weight:bold;
    line-height:125%;
    height:100%;
}

#slideshow{
    margin-bottom:3px;
}

#center{
    height:450px;
}
#home-box{
    background-image:url(/templates/thinkinphoto/images/bck_lienzos.png);
    background-repeat:no-repeat;
    width:315px;
    height:305px;
    float:left;
}
#home-box .title{
    font-size:11px;
    font-weight:bold;
    margin-left:15px;
    margin-top:5px;
    margin-bottom:10px;
}

.btn_descarga{
    color:white;
    position:absolute;
    top:470px;
    font-size:16px;
    font-weight:bold;
    width:280px;
    left:687px;
}




#thinkin{
    background-image:url(/templates/thinkinphoto/images/bck_thinin.png);
    background-repeat:no-repeat;
    float:left;
    height:51px;
    width:309px;
    margin-top:5px;
}

#thinkin .title{
    font-size:10px;
    font-weight:bold;
    margin-left:15px;
    margin-top:5px;
}

#thinkin .image{
    margin-left:28px;
    margin-top:7px;
    float:left;
}

#regalos-box{
    background-image:url(/templates/thinkinphoto/images/bck_regalos.png);
    border-bottom: 1px solid silver;
    background-repeat:no-repeat;
    float:left;
    height:auto;
    border-left:1px solid silver;
    border-right:1px solid silver;
    width:623px;
    margin-top:3px;
    margin-right:5px;
    margin-bottom:5px;
    margin-left:-1px;
    padding-left:2px;

}

#regalos-box .title{
    font-size:12px;
    font-weight:bold;
    margin-left:10px;
    margin-top:5px;
    width:30%;
    float:left;
}

#eligetip{
    background-image:url(/templates/thinkinphoto/images/bck_elige.png);
    background-repeat:no-repeat;
    float:left;
    height:240px;
    width:310px;
    font-size:12px;
}

#eligetip .title{
    font-size:12px;
    font-weight:bold;
    margin-left:15px;
    margin-top:5px;
}


#eligetip img{
    margin-right:5px;
}
#eligetip .text{
    border-bottom:1px solid #a5a5a5;
    color:#A5A5A5;
    font-size:12px;
    font-weight:bold;
    height:52px;
    padding-left:20px;
    margin-left:1px;
    padding-right:20px;
    padding-top:0;
}

#eligetip .text-without{
    color:#A5A5A5;
    font-size:12px;
    font-weight:bold;
    height:52px;
    padding-left:20px;
    margin-left:1px;
    padding-right:20px;
    padding-top:0;
}

#eligetip .info
{
    float:left;
    padding-top:18px;
    width:215px;
}
/*
@media screen and (-webkit-min-device-pixel-ratio:0){
.register {
        color:#666666;
    font-size:11px;
    font-weight:bold;
    float:left;
    position:relative;
    margin-top:4px;
    margin-right:12px;}
}


*/


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

.textalbumes{float:left;height:85px;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}


.titlegroup{
    font-size:14px;
    margin-left:0px;
    margin-top:0px;
}

.descgroup{
    font-size:12px;
    margin-bottom:0px;
    font-weight:normal;
    margin-left:0px;
    margin-top:0px;
    height:10px;
}


.cuadro{
    float:left;
    margin-left:12px;
    margin-top:5px;
    width:64px;
}

.cuadro_grande{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    float:left;
    height:106px;
    margin-top:-4px;
    width:155px;
}

.cuadro_grande_selected{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#E9F3D2 none repeat scroll 0 0;
    float:left;
    height:106px;
    margin-top:-4px;
    padding-left:0;
    width:155px;
}

.cuadro_grande .categories{
    margin-left:40px;
}
.cuadro_grande_selected .categories{
    margin-left:40px;
}

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

.price{
    color:#85AA1D;
    font-size:11px;
    font-weight:bold;
    text-align:center;
    width:100%;
}

.vermas{
    color:#85AA1D;
    float:right;
    font-size:12px;
    margin-right:20px;
    margin-top:5px;
}

#precios{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/bck_precios.png) no-repeat scroll 0 0;
    border:1px solid silver;
    color:black;
    float:left;
    height:auto;
    margin-bottom:20px;
    margin-right:5px;
    width:623px;

}

#precios .titulo{
    font-size:12px;
    margin-left:10px;
    font-weight:bold;
    margin-top:4px;
    height: 8px;
}

#precios .der{
    float:left;
    width:100%;
}

#precios .izq{
    width:35%;
    float:left;
    padding-left:20px;
    margin-top:10px;
    margin-right:28px;
}

#precios .desc{
    border-bottom:1px solid gray;
    color:gray;
    font-weight:bold;
    margin-left:25px;
    margin-right:25px;
    margin-top:40px;
}
#products{
    /*background:url(../images/bck_products.png);*/
    background-repeat:no-repeat;
    width:624px;
    border:1px solid #CCCCCC;
    height:auto;
    color:black;
    float:left;
    margin-right:5px;
}



#products .titulo{
    /* background:#cccccc none repeat scroll 0 0;*/
    font-size:12px;
    font-weight:bold;
    height:14px;
    margin-top:0;
    padding-left:9px;
    padding-top:5px;
}

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

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

#products .der .tituloder{
    color:#85AA1D;
    font-size:17px;
    font-weight:bold;
    margin-top:5px;
    line-height:17px;
}

.desc{
    font-size:12px;
    font-weight:normal;
    margin-bottom:0px;
    margin-left:0px;
    line-height:150%;
}

.desc .title{
    color:silver;
    font-weight:bold;
}

#products .der .categorias{
    font-size:12px;
    font-weight:bold;
    color:gray;
    border-bottom:1px solid silver;
}

#products .der .selector{
    float:left;
    width:100%;
    margin-top:4px;
}

.newselector{
    float:right;
    width:115px;
    font-size:9px;
}

#products .der .resumen{
    float:left;
    margin-top:10px;
    width:100%;
}


#products .der .resumen .precio{
    color:#85AA1D;
    font-size:21px;
    font-weight:bold;
    float:left;
    margin-top:10px;
}


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

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

#inferior .desc{
    font-size:12px;
    font-family: 'Trebuchet MS';
}



#download_column_left {
    width: 471px;
    float: left;
}

#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:-20px;
}

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

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

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

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

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


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


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

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


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



#btn_banner{
    position:absolute;
    left:407px;
    top:365px;
}

#logos_banner{
    position:absolute;
    left:445px;
    top:400px;
}

.flecha-login{
    margin-top:3px;float:left;margin-right:5px;
}

#languages{
    margin-right:5px;
}

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

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

#plat_descarga_select{
    background:url(/templates/thinkinphoto/images/descarga-select.png);
    width:623px;
    height:159px;
    margin-bottom:5px;
}

#plat_descarga_select #titulo{
    font-size:13px;
    font-weight:bold;
    margin-left:5px;
    position:relative;
    top:3px;
    width:100%;
}

#plat_descarga_select #modo{
    position:relative;
    top:110px;
    padding-left:55px;
    width:20%;
    float:left;
}

#plat_descarga_select #requisitos{
    float:left;
    position:relative;
    top:20px;
    width:50%;
    height:100px;
}

#plat_descarga_select #plataforma{
    float:left;
    position:relative;
    top:-4px;
    width:17%;
    text-align:right;
}

#plat_descarga{
    background:url(/templates/thinkinphoto/images/descarga-noselect.png);
    width:623px;
    height:159px;
    margin-bottom:5px;
}

#plat_descarga #titulo{
    font-size:13px;
    font-weight:bold;
    margin-left:5px;
    position:relative;
    top:3px;
    width:100%;
}

#plat_descarga #modo{
    position:relative;
    top:110px;
    padding-left:55px;
    width:20%;
    float:left;
}

#plat_descarga #requisitos{
    float:left;
    position:relative;
    top:20px;
    width:50%;
    height:100px;
}

#plat_descarga #plataforma{
    float:left;
    position:relative;
    top:-4px;
    width:17%;
    text-align:right;

}

#btn_descarga_select{
    position:relative;
    top:30px;
    right:40px;
}

#initorder{
    font-weight:bold;
    left:180px;
    margin-top:-1px;
    position:relative;
    text-align:center;
    top:9px;
    width:140px;
}

.moneda{
    font-size:10px;
    height:18px;
}

#price{    
    font-size:13px;
    color:gray;
    width:100%;
    text-align:left;
    margin-bottom:10px;

    padding-left:15px;
    padding-right:15px;
}

#price td{
    width:80px;
    text-align:center;
}
#price tr{
    height:17px;
    /*text-align:center;*/
}

.page_count{
    font-weight:bold;
    padding-left:10px;
}

.pgs{
    color:orange;
    font-weight:bold;
}

.row1{
    background:#ebebeb;
}
.row2{
    background:white;.
}

#volume{
    background:#8EC217;float:left;margin-left:1%;margin-right:1%;width:98%;
    color:white;
    font-size:13px;
    height:20px;
}

#volume .title{
    color:white;
    font-weight:bold;
    margin-left:5px;
    margin-top:5px;
}

.disccounts{
    color:black;
    float:left;
    font-size:12px;
    margin-top:20px;
    padding-left:10px;
}

#cabecera-detalles{
    border-top:2px ridge gray;
    padding-top:5px;
    padding-bottom:10px;
    border-bottom:1px dotted silver;
    margin-bottom:25px;
}

#paypal-button{
    border-top:1px solid black;
    text-align:center;
    padding-top:3px;
    padding-bottom:3px;
    border-bottom:1px dotted silver;
}



#info-pedido .titulo{
    color:gray;
    font-weight:bold;
    font-size:12px;
    background-color:silver;
    height:22px;
    padding-left:10px;
    padding-top:10px;
    border-bottom:2px solid gray;
}

#info-pedido .datos{
    font-size:12px;
    color:gray;
    padding-bottom:5px;
    border-bottom:1px dotted silver;
}

#info-pedido #izq strong{
    font-weight:bold;
    font-size:12px;
    color:gray;
}

#datos-cliente{
    font-size:12px;
    color:gray;
    margin-left:10%;
}

#info-pedido #der strong{
    font-weight:bold;
    font-size:12px;
    color:gray;
}

#tab-envio{
    width:100%;
    font-size:12px;
    color:gray;
}

#tab-envio .titulos{
    font-weight:bold;
    font-size:12px;
    color:gray;
}

#tab-envio .datos{
    font-size:12px;
    color:gray;
}

#buscador{
    height:53px;
    background-image:url(/templates/thinkinphoto/images/bck_buscador.png);
}

#buscador .title{
    color:#656565;
    font-weight:bold;
    margin-left:5px;
    padding-top:5px;
}

.form-buscador{
    margin-left:5px;
    margin-top:3px;
    //margin-top: -13px;
}

#cse-search-results {
    border:1px solid silver;
    float:left;
    margin-right:8px;
    padding-left:10px;
    width:610px;
}

#cse-search-results .l{
    font-size:14px;
    color:black;
    font-weight:bold;
}

/*AREA DE CLIENTEs */
#opciones{
    border:1px solid #CCCCCC;
    float:left;
    width:96.5%;
    height:110px;
    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;
    background:#CCCCCC none repeat scroll 0 0;
    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;
}

.titlegreen{
    /*background: #cccccc;*/
    height: 22px;
    background: #8ec218;
    color: white;
}

.titlegray{
    background: #cccccc;
    height: 22px;
}


.row1-gray{
    background: #fafafa;
}

.row2-white{
    background: white;
}

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


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

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

}

#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: 180px;
    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: 250px;
}

#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;
    width: 90%;

}

#id_email {
    background:none repeat scroll 0 0 #CCCCCC;
    width:150px;
}

#id_username{
    background:none repeat scroll 0 0 #CCCCCC;
    width:150px;
}

#id_password{
    background:none repeat scroll 0 0 #CCCCCC;
    width:150px;
}

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

#facturacion_info p {
	width: 230px;
}

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

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