@charset "utf-8";
/* CSS Document */


/*layout*/
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; background-image: url(../imgs/bg.gif); background-repeat: repeat-x;  }
.contenedor{ width:900px; margin: 0 auto; }
.header{float:left;margin-top:50px;}
.footer{ float:left; height:80px; width:100%; margin-top:30px; border-top:1px solid #c3c3c3; text-align:right; color:#666; font-weight:bold; padding-top:10px; }

.cajaIzq{float:left; margin-top:10px; width:600px; min-height:400px; }
.cajaDer{float:left; margin-top:10px; width:275px; min-height:400px; background-image: url('../images/linia-separa.gif'); background-repeat: repeat-y; padding-left:20px;}
.cajaTot{float:left; padding-top:5px; width:900px; min-height:130px; }
.cajaMitad{float:left; margin-top:10px; width:440px; min-height:200px; }


/*top*/
.logoTop{float:left;width:270px;}
.menuHeader{ list-style:none; margin:0px; padding:0px; width:630px; margin-top:15px; float:right; }
.menuHeader li{	 float:right; line-height:26px; margin:0 5px; font-weight:bold; font-size:12px; }
.menuHeader li:hover{ text-decoration:underline; }
.menuHeader li.selected{ background-color:#4896ca; color:#fff; }
li.selected:hover{ text-decoration:none; }
.header-latnsIzq{ display:none; }
.header-latnsDer{ display:none; }
.selected .header-latnsIzq{	display:block; float:left; background-image: url('../imgs/select-izq.gif'); width:5px; height:26px; padding:0px; margin:0px;}
.selected .header-latnsDer{	display:block; float:left; background-image: url('../imgs/select-der.gif'); width:5px; height:26px; padding:0px; margin:0px;}
.header-text{ float:left; margin:0px 10px; }
.header-text a{ text-decoration:none; color:#382517; }
.selected a{ color:#fff; }

h1{ font-size:25px; color:#2d1a0c; margin:0px;}
h2{ font-size:18px; color:#382517; }

.planesCartel{position:relative; top:-15px;}

.clear{clear:both;margin:0px;}

/*planes*/

.capaPlan{ width:603px; height:225px; margin: 15px 0px; font-size:12px; font-family:Verdana, Helvetica, sans-serif;}
	.fondoAvanzado{ background-image:url(../imgs/bg-plan-avanzado.jpg); background-repeat:no-repeat; }
	.fondoMedio{ background-image:url(../imgs/bg-plan-medio.jpg); background-repeat:no-repeat; }
	.fondoSencillo{ background-image:url(../imgs/bg-plan-sencillo.jpg); background-repeat:no-repeat; }	
	.capaPlan ul.caracteristiquesPlan{margin:0px; padding:0px; padding-left:10px; list-style:circle; width:350px; float:left;}

.capaPlan h2{margin:0px;width100%;color:#143b66;padding:8px;padding-left:15px;font-size:20px; font-family:Arial, Helvetica, sans-serif;}



.contentPlan{padding:0px 20px;}
.butonsPlan{list-style:none;width:100%;margin:10px 0px 0px 0px;padding:0px;}
.butonsPlan li{float:left;padding:0px;}
	.primerBut{width:350px;}
.mitadLista{width:280px;float:left;}
.mitadLista ul{padding-bottom:10px;}
.mitadLista li{margin:8px 0px;}ç

.pricePlan{ height:60px; font-size:15px; text-align:right; padding-right:90px; }
.pricePlan span{ font-size:30px;}


.capaPlanLargo{ width:603px; height:225px; margin: 15px 0px; font-size:12px; font-family:Verdana, Helvetica, sans-serif; }

.todaLista{float:left;padding:10px;margin:0px;margin-top:25px;}
.todaLista h2{margin:0px;}
.queNecesitas{float:left;background-color:#fff99d;width:100%;padding-left:10px;}

.infoPlans{ background-image:url(../imgs/bg-info-plans.gif); background-repeat:no-repeat; width:240px; height:324px; padding:5px 0px;}
.infoPlans h2{margin:4px 0px 0px 10px;}
.infoPlans .caracteristiquesPlan{font-size:14px;padding-left:30px;}
.infoPlans .caracteristiquesPlan li{margin:5px 0px;}
.infoPlans h3{margin:4px 0px 0px 10px;font-size:16px;}
.infoPlans p{font-size:14px;padding-left:10px;}
.priceSpan{font-size:24px;color:#f00;}
.ivaSpan{color:#666;font-size:12px;}

.preusInfoFin{list-style:none;margin:0px;padding:0px 10px;}
.preusInfoFin li{float:left;padding:10px;}

/*forms*/
.ipt {width:400px;padding:4px;border:1px solid #8bbeea;}
.btn {width:100px;height:30px;}
textarea {width:400px; height:150px;;padding:4px;border:1px solid #8bbeea;}
select {width:400px;padding:4px;border:1px solid #8bbeea;}
form {border:1px solid #8bbeea;background-color:#dff0ff;-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;padding:20px 40px;margin:30px 20px;width:420px;font-weight:bold;}
.errText{color:#f00;font-size:12px;float:right;}
.mensajeEmail{ border:1px solid green; background-color:#bbffc8; padding:20px; margin:10px 0px; }