/* GENERAL */
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: #fff; color: #000; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
font { color: inherit !important; font: inherit !important; color: inherit !important; }
legend{
display:none;
}
/**********FIN RESET************/
/***** Global *****/
html, body {
border:0;
margin:0;
padding:0;
}
body {
font:11px/1.25 Arial, Helvetica, sans-serif;
background:url(/img/body-fondo-degradado.jpg) top center repeat-x #F1F1F1;
}
.previsualizacion{
top:50%;
left:50%;
position:absolute;
padding:5px;
background-color:#ccc;
overflow:hidden;
}
.previsualizacion .previsualizacionContenedor{
border:1px solid #999;
}
.previsualizacion .boton.botonCerrar{
background:url(/img/selectores/cerrar.gif) no-repeat;
overflow:hidden;
display:block;
width:0px;
height:16px;
padding-left:16px;
position:absolute;
right:5px;
top:6px;
}
.divFondoVentana{
background:url(/img/fondo-trans.gif);
}
/***** Encabezados *****/
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
/***** Formato comun *****/
p, ul, ol {
margin:0;
padding:0;
}
ul, ol {
padding:0;
}
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
small {
font-size:0.85em;
}
img {
border:0;
}
/***** Enlaces *****/
a,
a:link,
a:visited {
text-decoration:none;
color:#fff;
}
a:hover {
text-decoration:underline;
}
/***** Wrapper *****/ 
#wrap {
width:933px;
margin:15px auto;
background:url(/img/fondo-web-esq-sup.gif) top right no-repeat #AFAFAF;
}
/* FIN GENERAL */

/* HEADER */
#header{
background-color:#fff;
width:930px;
}
#header h1{
width:700px;
height:59px;
margin:0 0 5px 25px;
font-size:2.2em;
}
#header h1 strong{
background:url(/img/logo-grupo-4t-com-header-home.gif) no-repeat left top;
width:0;
display:block;
padding-left:257px;
height:59px;
overflow:hidden;
float:left;
margin-right:15px;
}
#header h1 a strong{
margin-top:-25px;
}
#header h1 a{
margin-top:0;
padding-top:25px;
display:block;
float:left;
}
#header h1 a.color{
color:#EC0202;
}
#header .utilidades{
clear:both;
overflow:auto;
padding-top:10px;
height:15px;
}
#header .utilidades a,
#header h1 a{
color:#000;
}
#header .utilidades li{
float:right;
border-right:1px solid #000;
padding-right:10px;
margin-left:10px;
text-align:center;
}
#header .utilidades li.primero{
border:none;
padding-left:0;
}
#header .menu{
background:url(/img/header-degradado-fondo-menu.jpg) right repeat-y #D2020F;
height:27px;
padding-left:30px;
}
#header .menu a{
color:#FFF;
}
#header .menu li{
float:left;
background:url(/img/borde-menu.gif) left center no-repeat;
height:20px;
padding:6px 15px 0;
}
#header .menu li.primero{
background:none;
}
#header .menu a{
font-size:1.1em;
font-weight:bold;
}
/* FIN HEADER */

/* CONTENT */
#content{
/*margin-top:-80px;
padding-top:160px;*/
width:930px;
overflow:hidden;
height:724px;
background:url(/img/home-content-fondo.gif) 0px 0px repeat-x #fff;
/*overflow:auto;*/
}
#content.logeado{
height:770px;
}
/* middle */
#content .middle{
width:930px;
}
/* sideBarRight */
#content #sideBarRight{
width:190px;
height:790px;
position:absolute;
margin-left:730px;
top:55px;
padding-bottom:15px;
background-color:#333;
color:#FFF;
}
#content.logeado #sideBarRight{
height:830px;
}
#sideBarRight h3{
background:url(/img/sidebar-mancha1.gif) left top #000 no-repeat;
height:15px;
padding-top:12px;
padding-left:32px;
margin-top:15px;
margin-bottom:10px;
font-size:1.1em;
text-align:left;
font-weight:bold;
}
#sideBarRight h3.primer{
margin-top:0;
}
#sideBarRight div{
background:url(/img/sidebar-mancha2.gif) 0px 27px no-repeat;
}
#sideBarRight div img{
margin:0 auto;
clear:both;
display:block;
}
#sideBarRight div p{
padding:7px 15px;
text-align:justify;
}
#sideBarRight div p a{
text-decoration:underline;
}
#sideBarRight div .subrayadoRight{
display:block;
text-align:right;
text-decoration:underline;
margin:2px 15px 8px;
}
#sideBarRight div .normalCentrado{
display:block;
text-align:center;
margin:3px 0;
}
#sideBarRight div .btn-gris{
background-color:#CCCCCC;
padding:4px;
display:block;
margin:5px auto;
width:90px;
color:#000;
font-size:0.9em;
text-align:center;
}
#sideBarRight .atencion{
background:url(/img/top-sidebar-home.gif) center top no-repeat #9E0313;
padding:5px;
color:#FFF;
text-align:center;
}
#sideBarRight .atencion strong{
font-size:1.8em;
display:block;
}
#sideBarRight .atencion span{
letter-spacing:1px;
}
#sideBarRight form .campoTextoCorto{
margin:10px 7px 5px 10px;
height:30px;
background:none;
}
#sideBarRight form .campoTextoCorto label{
float:left;
}
#sideBarRight form .campoTextoCorto input{
width:95px;
float:right;
}
/* FIN sideBarRight */
#content .middle .idiomas{
color:#FFF;
height:20px;
width:auto;
width:930px;
padding-left:545px;
margin:10px 0 0 0;
}
#content .middle .idiomas span{
float:left;
}
#content .middle .idiomas ul{
float:left;
margin-top:2px;
margin-left:20px;
}
#content .middle .idiomas li{
float:left;
margin:0 6px;
}
#content .middle .flash{
margin-left:30px;
width:323px;
float:left;
}
#content .middle .flash h3{
padding:0 0 0 30px;
margin:0;
font-size:2em;
color:#FFF;
letter-spacing:-2px;
font-weight:bold;	
}
#content .middle .intro{
color:#FFF;
width:325px;
height:194px;
float:left;
margin:30px 0 0 15px;
background:url(/img/logo-grupo-4t-com-small.gif) no-repeat right 150px;
}
#content .middle .intro h2{
font-size:2.2em;
font-weight:bold;
line-height:0.8em;
width:220px;
margin-bottom:10px;
letter-spacing:-1px;
}
#content .middle .intro p{
text-align:justify;
}
#content .middle .contenido{
width:720px;
float:left;
border:1px solid #000;
}
#content .middle .portada{
margin-top:232px;
padding-top:32px;
}
#content .middle .portada .pedido{
display:block;
width:323px;
height:38px;
margin-left:360px;
padding-top:10px;
padding-left:50px;
background:url(/img/cabecera-lapiz.gif) top right no-repeat;
font-size:1.7em;
font-weight:bold;
}
#content .middle .portada .tecnicas{
width:357px;
float:left;
margin:0 20px 0 7px;
padding-top:15px;
}
#content .middle .portada .suMarco{
width:323px;
height:253px;
padding-top:15px;
float:left;
background:url(/img/su-marco.jpg) bottom center no-repeat;
}
#content .middle .portada .suMarco p{
color:#FFF;
text-align:justify;
margin-top:100px;
padding:15px 15px 5px;
}
#content .middle .portada .suMarco .btn-gris{
background-color:#CCCCCC;
padding:4px;
float:right;
display:block;
margin:4px 10px 0 0;
width:55px;
color:#000;
font-size:0.9em;
text-align:center;
}
#content .middle .portada div h2{
font-size:2.3em;
font-weight:bold;
color:#9F0414;
}
#content .middle .portada div a.carboncilloEs,
#content .middle .portada div a.colorEs,
#content .middle .portada div a.carboncilloEn,
#content .middle .portada div a.colorEn,
#content .middle .portada div a.carboncilloFr,
#content .middle .portada div a.colorFr,
#content .middle .portada div a.carboncilloDe,
#content .middle .portada div a.colorDe,
#content .middle .portada div a.carboncilloIt,
#content .middle .portada div a.colorIt{
display:block;
width:0;
height:0;
padding:106px 0 0 337px;
overflow:hidden;
}
#content .middle .portada div a.carboncilloEs:hover,
#content .middle .portada div a.carboncilloEn:hover,
#content .middle .portada div a.carboncilloDe:hover,
#content .middle .portada div a.carboncilloFr:hover,
#content .middle .portada div a.carboncilloIt:hover{
border:solid 1px #999;
margin-top: -1px;
margin-left: -1px;
margin-bottom: 8px;                          
}
#content .middle .portada div a.colorEs:hover,
#content .middle .portada div a.colorEn:hover,
#content .middle .portada div a.colorFr:hover,
#content .middle .portada div a.colorDe:hover,
#content .middle .portada div a.colorIt:hover{
border:solid 1px #999;
margin: -1px -1px;
}

#content .middle .portada div .carboncilloEs{
background:url(/img/lapiz-carboncillo-es.jpg) left top no-repeat;
margin-bottom:9px;
}
#content .middle .portada div .colorEs{
background:url(/img/btn-lapiz-color-es.jpg) left top no-repeat;
}
#content .middle .portada div .carboncilloEn{
background:url(/img/lapiz-carboncillo-en.jpg) left top no-repeat;
margin-bottom:9px;
}
#content .middle .portada div .colorEn{
background:url(/img/btn-lapiz-color-en.jpg) left top no-repeat;
}
#content .middle .portada div .carboncilloDe{
background:url(/img/lapiz-carboncillo-de.jpg) left top no-repeat;
margin-bottom:9px;
}
#content .middle .portada div .colorDe{
background:url(/img/btn-lapiz-color-de.jpg) left top no-repeat;
}
#content .middle .portada div .carboncilloFr{
background:url(/img/lapiz-carboncillo-fr.jpg) left top no-repeat;
margin-bottom:9px;
}
#content .middle .portada div .colorFr{
background:url(/img/btn-lapiz-color-fr.jpg) left top no-repeat;
}
#content .middle .portada div .carboncilloIt{
background:url(/img/lapiz-carboncillo-it.jpg) left top no-repeat;
margin-bottom:9px;
}
#content .middle .portada div .colorIt{
background:url(/img/btn-lapiz-color-it.jpg) left top no-repeat;
}
/* FIN CONTENT */


/* FOOTER */
#footer{
background:url(/img/fondo-web-esq-inf.gif) left 123px no-repeat;
}
#footer .todo{
width:930px;
clear:both;
height:125px;
background:url(/img/footer-degradado-fondo.jpg) 0 6px repeat-x #fff;
}
#footer .todo div,
#footer .todo .utilidades{
padding-top:10px;
}
#footer .todo .logo{
width:930px;
padding-top:0;
clear:both;
height:25px;
}
#footer .todo img{
position:absolute;
margin-left:30px;
}
#footer .todo .empresa,
#footer .todo .hacemos{
margin-top:10px;
float:left;
width:130px;
text-align:right;
}
#footer .todo .pedidos,
#footer .todo .entrega,
#footer .todo .venta{
margin-top:10px;
float:left;
width:130px;
text-align:center;
}
#footer .todo .entrega{
width:175px;
}
#footer .todo .venta{
width:155px;
}
#footer .todo .utilidades{
margin-top:10px;
float:right;
width:125px;
text-align:left;
padding-left:20px;
}
#footer .todo ul li{
margin:0 0 3px 0;
}
#footer .dir{
margin-top:5px;
padding-top:5px;
height:80px;
text-align:center;
background-color:#EFF1F1;
}
#footer .dir span{
margin:5px 0 50px 0;
display:block;
}
#footer .dir .netberry{
background:url(/img/logo-netberry.gif) no-repeat left top;
padding:28px 0 0 98px;
width:0;
height:0;
overflow:hidden;
margin:5px auto 0;
}
#footer .dir .spaincenter{
background:url(/img/logo-spain-center.gif) no-repeat left top;
padding:40px 0 0 144px;
width:0;
height:0;
overflow:hidden;
}
#footer .dir span a,
#footer .dir span a:link,
#footer .dir span a:visited {
text-decoration:none;
color:#000;
}
#footer a:hover {
text-decoration:underline;
}

/*POP UP*/  
.ventana.privacidad{
left:50%;
top:50%;
position:absolute;
background-color:#fff;
border:1px solid #000;
width:560px;
height:480px;
margin:-200px 0 0 -225px;
text-align:justify;
overflow:scroll;
}
.ventana.privacidad .btnCerrar
{
position:absolute;
right:0;
top:0;
}
.ventana.privacidad .botonCerrar{
background:url(/img/selectores/cerrar.gif) no-repeat;
text-indent:100px;
width:16px;
height:16px;
display:block;
overflow:hidden;
position:fixed;
}
.ventana.trabajo .botonCerrar{
background:url(/img/selectores/cerrar.gif) no-repeat;
text-indent:100px;
width:16px;
height:16px;
display:block;
overflow:hidden;
float:right;
}
.ventana.privacidad .contenedor{
padding:20px 10px;


}
.ventana.privacidad .textarea{width:380px;}
.ventana.privacidad h1{

font-size:20px;
text-align:center;
}
.ventana.privacidad h2{
font-size:18px;
text-align:center;
padding-top: 10px;
background:url(/img/logo-grupo-4t-com-header.gif) no-repeat; 
background-position: center;
width: 520px;
height: 42px;

}
.ventana.privacidad h3{
font-size:16px;
padding-top: 15px;
text-align:left;
font-weight: bold;
}
.ventana.privacidad p{
text-align:justify; 
padding-top: 10px;
}
.ventana.privacidad .errores{color:#900;}
.ventana.trabajo{
left:50%;

top:0;
position:absolute;
background-color:#fff;
border:1px solid #000;
width:670px;
height:620px;
margin-left:-335px;
/*margin:-300px 0 0 -400px;*/
}
.ventana.trabajo table{
height:610px;
}
.ventana.trabajo table td.tdG{
vertical-align:middle;
}
.ventana.trabajo .grande{
float:left;
width:430px;
margin:5px 5px 0;
padding:0;
overflow:visible;
}
.ventana.trabajo .pequeno{
margin-top:5px;
padding-top:5px;
float:right;
}
.ventana.trabajo .pequeno span.orig{
margin-bottom:150px;
display:block;
}


/*FIN POP UP*/