/*
NOMBRE DEL THEME: comerciofacil
URL DEL THEME: comerciofacil.dmi.es
DESCRIPCION: MasterPage con cabecera de opciones y navegacion, barra lateral de navegacion, caja central de contenidos y pie de pagina con información, navegación y opciones.	
VERSION: 2.0
AUTOR: Nacho Biencinto
TIPOGRAFIAS: Helvetica, Arial, Myriad pro, sans-serif
*/

/*****Clases globales*****/  
body, img, ul, li{margin:0; padding:0; padding-top:15px;}
body{background:url(../imagenes/master/bg.jpg) no-repeat center; background-position:100px 330px; font:normal 100% Arial, Helvetica, sans-serif;}
a:link, a:visited, a:hover, a:active {text-decoration: none; cursor:pointer;}
ul li{list-style:none;} 
h1, h2, h3{font:Helvetica, Arial,sans-serif; margin:0; padding:0;}
br.clear{clear:both;}
div#christmas1_bg{width:100%; height:45px; position:absolute; margin-top:85px; text-align:center;}
div#christmas1_bg img{margin-right:162px;}

/* FONDOS */
div.bgwood{width:100%; height:220px; position:absolute; z-index:1; bottom:0px; background:url(../imagenes/master/bgwood.jpg) no-repeat bottom; left:0;}

/***** Estructuras principales *****/
div.header{width:900px; height:100px; text-align:left;}
div.header img{float:left; margin-left:100px;}
div.header h1{float:left; color:#1e4dbd; font-size:180%; line-height:115px; margin-left:50px; font-family: 'Yanone Kaffeesatz', arial, serif; font-weight:normal; letter-spacing:1px;}

div.pregunta{text-align:center;}
div.pregunta h2{font-family:'Yanone Kaffeesatz', arial, serif; font-weight:normal; letter-spacing:1px;}

div.vaso{width:270px; height:400px; left:50%; margin-left:-140px; bottom:20px; position:absolute; z-index:2}
div.vaso .vasomovie{margin-left:-300px; margin-top:-200px;}

div.menuinferior{position:absolute; width:100%; z-index:3; bottom:40px; text-align:center; font-size:12px; font-weight:bold; text-shadow:#fff 1px 1px 0px; left:0;}
div.menuinferior a{color:#000; margin:10px;}
div.menuinferior a:hover{color:#0f31ff; border-bottom:dotted 2px #0f31ff;}

/* CARACTERISTICAS */
div.features{width:100%; height:400px; text-align:center; position:absolute; bottom:220px; clear:both; z-index:3; left:0; text-align:left;}
div.features div.thumbs{width:900px; height:400px; margin:auto; margin-left:220px;}
div.features div.thumbs a.productos{width:100px; height:87px; position:absolute; background:url(../imagenes/features/productos_thumb.png) no-repeat; margin-top:350px;}
div.features div.thumbs a.productos:hover{background-position:0 -87px}
div.features div.thumbs a.sincro{width:88px; height:86px; position:absolute; background:url(../imagenes/features/sincro_thumb.png) no-repeat; margin-top:200px; margin-left:100px;}
div.features div.thumbs a.sincro:hover{background-position:0 -86px}
div.features div.thumbs a.config{width:76px; height:79px; position:absolute; background:url(../imagenes/features/config_thumb.png) no-repeat; margin-top:100px; margin-left:200px;}
div.features div.thumbs a.config:hover{background-position:0 -79px}
div.features div.thumbs a.modulos{width:90px; height:74px; position:absolute; background:url(../imagenes/features/modulos_thumb.png) no-repeat; margin-top:25px; margin-left:360px;}
div.features div.thumbs a.modulos:hover{background-position:0 -74px}
div.features div.thumbs a.subir{width:91px; height:85px; position:absolute; background:url(../imagenes/features/subir_thumb.png) no-repeat; margin-top:30px; margin-left:540px;}
div.features div.thumbs a.subir:hover{background-position:0 -85px}
div.features div.thumbs a.google{width:105px; height:40px; position:absolute; background:url(../imagenes/features/google_thumb.png) no-repeat; margin-top:155px; margin-left:700px;}
div.features div.thumbs a.google:hover{background-position:0 -40px}
div.features div.thumbs a.pagos{width:117px; height:32px; position:absolute; background:url(../imagenes/features/paypal_thumb.png) no-repeat; margin-top:250px; margin-left:810px;}
div.features div.thumbs a.pagos:hover{background-position:0 -32px}
div.features div.thumbs a.plantillas{width:76px; height:76px; position:absolute; background:url(../imagenes/features/plantillas_thumb.png) no-repeat; margin-top:350px; margin-left:880px;}
div.features div.thumbs a.plantillas:hover{background-position:0 -76px}
div.features div.thumbs strong{position:absolute; font-size:180%; margin-top:190px; margin-left:370px; font-family:'Yanone Kaffeesatz', arial, serif;}
div.features div.thumbs span{position:absolute; font-size:150%; color:#969696; margin-top:220px; margin-left:300px; font-family:'Yanone Kaffeesatz', arial, serif;}

div.features div.thumbs img#Productos{position:absolute; margin-left:150px; bottom:-128px;}
div.features div.thumbs img#Sincronizacion{position:absolute; margin-left:220px; bottom:-118px; display:none;}
div.features div.thumbs img#Configuracion{position:absolute; margin-left:240px; bottom:-128px; display:none;}
div.features div.thumbs img#Modulos{position:absolute; margin-left:250px; bottom:-110px; display:none;}
div.features div.thumbs img#Subir{position:absolute; margin-left:230px; bottom:-121px; display:none;}
div.features div.thumbs img#Google{position:absolute; margin-left:160px; bottom:-115px; display:none;}
div.features div.thumbs img#Paypal{position:absolute; margin-left:170px; bottom:-102px; display:none;}
div.features div.thumbs img#Plantillas{position:absolute; margin-left:210px; bottom:-111px; display:none;}

/* EJEMPLOS */ 
div.ejemplo{width:100%; position:absolute; z-index:2; bottom:20px; left:0;}
div.pregunta a.vertienda{width:182px; height:32px; background:url(../imagenes/ejemplo/ver_tienda.png) no-repeat; position:absolute; left:50%; margin-top:20px; margin-left:200px; z-index:3;}
div.pregunta a.vertienda:hover{background-position:0 -32px; cursor:pointer;}

/* INFORMACION DE CONTRATO */
div.descargar{margin-top:50px;}
div.descargar strong{color:#969696;}
div.descargar img{cursor:pointer;}

/* CONTRATAR */
div.contratar{margin-top:50px;}
div.contratar strong{color:#969696;}
div.contratar img{cursor:pointer;}

div.contratar span.title{font-weight:bold;}
div.contratar span.tlf{font-weight:bold; color:#e87200;}

div.contratar div.input{text-align:left; width:500px; padding:20px; background:#eee; border:solid 1px #ccc;}
div.contratar input{padding:4px; width:200px;}
div.contratar input.mail{padding:4px; width:200px; margin-right:10px;}
div.contratar input.nombre{padding:4px; width:192px;}
div.contratar input.tlf{padding:4px; width:100px;}
div.contratar textarea{padding:4px; width:400px; height:50px;}
div.contratar span.inputs_txt{font-size:13px; margin-right:5px;}