* {margin:0;padding:0;}
html{height:100%;}
body {background-color:#FFF;color:#444;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.35;height:100%;}
table {border-collapse:collapse;border-spacing:0;}
a {color:#92B928;outline-style:none;outline-width:medium;}

h1 {float:left;width:151px;}
h1 a img {border:0 solid;}
h2{color:#92B928;font-family:Arial,sans-serif;font-size:22px;font-weight:300;}
h3{color:#92B928;font-family:Arial,sans-serif;font-size:18px;font-weight:300;}
h4{color:#92B928;font-family:Arial,sans-serif;font-size:14px;font-weight:300;}
fieldset{clear:left;float:left;border:1px solid red;}

.lineaver{width:100%;margin:0 10px;background:url(../img/lineaver.gif) repeat-y top left;}
.lineahor{width:100%;height:1px;margin:10px 0;background:url(../img/lineahor.gif) repeat-x top left;}
.tabla{width:98%;margin:3px;text-align:center;}
.tablaizquierda{text-align:left;}
.tabla tr{border-bottom:1px dotted green;}
.tabla td{padding:3px;}


#principal{position:relative;min-height:100%;}

div#cabecera {clear:both;margin:0 auto;overflow:hidden;padding:5px 10px 10px;width:970px;}

#casosreales{margin-left:230px;height:105px;width:93px;background:#FFFFFF url(../img/casosreales.jpg) no-repeat top left;}
#preguntasfrecuentes{height:105px;width:93px;background:#FFFFFF url(../img/faq.jpg) no-repeat top left;}
#recomiendanos{height:105px;width:116px;background:#FFFFFF url(../img/recomiendanos.jpg) no-repeat top left;}
#casosreales, #preguntasfrecuentes, #recomiendanos {float:left;}
#algunapregunta{float:left;}

#casosreales a, #preguntasfrecuentes a, #recomiendanos a{text-align:center;text-decoration:none;display:block;color:#FFF;font-weight:bold;}
#recomiendanos a{padding:65px 0;}
#casosreales a{padding:60px 5px;}
#preguntasfrecuentes a{padding:60px 0;}


.menu{float:left;margin:10px auto; padding:0; height:30px; width:100%; display:block; background:url(../img/topMenuImages.jpg) repeat-x;border-bottom:1px solid #6E766B;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url(../img/topMenuImages.jpg) 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url(../img/topMenuImages.jpg) 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url(/img/topMenuImages.jpg) 0px -90px no-repeat; color:rgb(101,105,90);}
.menu li a.active span, .menu li a.active:hover span{background:url(../img/topMenuImages.jpg) 100% -90px no-repeat;}

div#cuerpo {clear:both;margin:-10px auto;overflow:hidden;width:970px;}

div#cuerpo h2{margin:25px 0;}

div#intro {float:left;margin:0 1%;width:48%;}

div#introhome {float:left;margin:0 10px 30px 10px;}
div#introhome #imgintro{float:left;}
div#introimg{float:left;width:40%;height:250px;}
#desde{position:relative;top:0;left:250px;z-index:999;}
#entradilla_capa{margin:0 0 15px 420px;height:420px;background:#FFF url(../img/entradilla_fondo.jpg) no-repeat top center;}
.entradilla{color:#6f8600;margin-bottom:35px;font-size:1.4em;}
#entradilla_img{margin:70px 0 0 0;}

#resumen, #resumen2 {padding:0 0 2% 25px;float:left;width:515px;}
#resumen2{width:90%;}
#resumen li, #resumen2 li {line-height:20px;list-style-type:none;background:#FFF url(../img/iconocaja.jpg) no-repeat top left;padding-left:20px;margin-bottom:10px;}
.vista_previa{display:block;float:left;width:47%;text-align:center;margin:10px 10px 0 10px;background:#92B928; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif;font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
#resumen3{float:left;list-style-type:none;margin:30px 0 0 10px;padding:30px;width:41%;border:1px solid #000;background-color:#92B928;}
#resumen3 .lista_cabecera{background:#92B928; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:0 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
#resumen3 .sangria{margin-left:30px;}

div#ventajas {background:#FFFFFF url(../img/ventajas.gif) no-repeat scroll right top;padding:10px 300px 40px 10px;}
div#ventajas ul {padding-top:20px;}
div#ventajas ul li {list-style-position:inside;margin-bottom:10px;}
div#ventajas p {margin-top:20px;}
div#ventajas a.registrarme-gb {background:#FFF url(../img/boton.jpg) no-repeat scroll left top;display:block;font-weight:bold;height:32px;margin:10px auto;padding-top:7px;text-align:center;text-decoration:none;width:155px;}

#casosreales_home{float:left;margin:-40px auto 0 auto;width:954px;min-height:400px;background:transparent url(../img/casosreales_piehome.png) no-repeat scroll left top;}
#casosreales_home p{margin:0 15% 0 8%;}
#casos{list-style-type:none;position:relative;top:160px;left:0;}
#siguiente_caso{cursor:pointer;margin:20% 0 2% 80%;}

.cajailusion{background:#FFF url(../img/iconocaja.jpg) no-repeat top left;padding:0 0 10px 20px;font-weight:bold;}

div#pie {clear:both;text-align:center;height:30px;margin-top:30px;position:relative;}

.precio_creatividad{float:right;margin-top:-75px;}
#carta{float:left;margin:40px 0 0 1%;border:3px solid #92B928;width:450px;height:318px;background:#FFF url('../img/carta.jpg') no-repeat;position:relative;font-family:tahoma, verdana, sans-serif;font-size:12px;font-weight:bold;}
#carta_ENTRADILLA{position:absolute;top:50px;left:40px;width:250px;overflow:hidden;}
#carta p{position:absolute;top:120px;left:40px;width:380px;height:100px;overflow:hidden;}
#carta_FIRMA{position:absolute;top:235px;left:190px;width:150px;height:50px;overflow:hidden;}
#vercarta{position:relative;margin:10% 10%;border:5px solid #9BCA3C;width:800px;height:562px;background:#FFF url(../img/fondocarta.jpg) no-repeat top left;font-family:tahoma, verdana, sans-serif;font-size:16px;font-weight:bold;}
#vercarta #carta_ENTRADILLA{position:absolute;top:130px;left:100px;display:block;}
#vercarta #carta_CONTENIDO{position:absolute;top:250px;left:100px;width:600px;display:block;}
#vercarta #carta_FIRMA{position:absolute;top:450px;left:350px;width:300px;display:block;}

#map{border:5px solid #9BCA3C;margin-left:-5px;}
#mapa_mensaje{width:100%;margin:70px 0 0 0; text-align:center; background-color:#b2ebac;display:none;}

#listado_cajas {margin:345px 0 30px 0;}
#listado_cajas table{width:99%;margin:0 1%;text-align:center;}
#listado_cajas table, #listado_cajas table  th, #listado_cajas table td {border: 1px solid #D4E0EE;border-collapse: collapse;font-family: "Trebuchet MS", Arial, sans-serif;color: #555;}
#listado_cajas table caption {font-size: 150%;font-weight: bold;margin: 5px;}
#listado_cajas table td, #listado_cajas table th {padding: 4px;}
#listado_cajas table thead th {text-align: center;background: #E6EDF5;color: #4F76A3;font-size: 100% !important;}
#listado_cajas table tbody th {font-weight: bold;}
#listado_cajas table tbody tr { background: #FCFDFE; }
#listado_cajas table tbody tr.odd { background: #F7F9FC; }
#listado_cajas table table a:link {color: #718ABE;text-decoration: none;}
#listado_cajas table table a:visited {color: #718ABE;text-decoration: none;}
#listado_cajas table table a:hover {color: #718ABE;text-decoration: underline !important;}
#listado_cajas table tfoot th, #listado_cajas table  tfoot td {font-size: 85%;}


/******** Pantalla Pedido ***********/

#pago_paso1, #pago_paso2, #pago_pedido{float:left;min-height:300px;list-style-type:none;padding:.5%;margin-bottom:10%;}
#pago_paso1 ul, #pago_paso2 ul, #pago_pedido ul{list-style-type:none;margin:20px 0 0 10px;}
#pago_paso1{width:32.5%;}
#pago_paso2{background:#FFF url("../img/lineaver.jpg") repeat-y top left;width:32.5%;}
#pago_pedido{width:284px;margin-top:-5px;background-color: #e6efc2;border-left:2px solid #a6b928;border-right:2px solid #a6b928;border-bottom:2px solid #a6b928;}
#pago_pedido #precio, #pago_pedido #id_euros, #pago_pedido #ge, #pago_pedido #total{margin-left:10%;}
#pago_pedido ul li{margin-bottom:15px;}

.pedido_logo{border: 10px solid #e6efc2;margin:5% 0 0 25%;cursor:pointer;}
#direccionenvio{padding:5%;font-weight:bold;}
#detalle{margin-top:20px;}
#detalle p{padding:4%;}
#pedidocabecera{margin:-40px 0 0 0;padding:0;}

.seleccionado{border:10px solid #A6B828;}

/***********************************/

p.info{font-size:11px;padding-left:23%;color:#787377;}
p.ejemplo{font-style:italic;}

/* Success, error o notificaciones boxes for messages. */
.error, .notice, .success    { float:left; width:96%; padding: 1em; margin-bottom: 1.2em;  border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FFA0A3; }
.notice     { background: #FFF5D9; color: #817134; border-color: #FFD324; }
.success 	{ background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }
.error a:hover  { clear:both; background:#FFFFFF; }
.notice a:hover   { clear:both; background:#FFFFFF; }
.success a:hover  { clear:both; background:#FFFFFF; }

/* Galeria de imágenes */
#slideshow, #nav{position:relative;top:-160px;left:0;z-index:1;}
#nav {width:100%;text-align:center;}
#nav li {float:left;width:70px;height:70px;list-style:none;margin:0 3%;}
#nav li a {display:block;padding:3px 1px 1px 1px;}
#nav li a img{text-decoration:none;border:0px;}
#nav li .activeSlide{border:5px solid #92B928;}


#formaspago{width:100%;height:100%;}
#formaspago dt{width:25%;border-bottom:1px solid #92B928;}
#formaspago dd{width:70%;}

.enviointernacional{display:none;}