@charset "utf-8";
/* Neteja i iguala */
* { margin: 0; padding: 0; border: none; }
html, body, form, fieldset, input, select, textarea { 
	font:11px/13px Verdana, Arial, Helvetica, sans-serif;
	text-shadow: #000 0px 0px 0px; /*Elimina l'efecte bold en Safari*/ 
	margin:0;
	padding:0;
}
li { list-style:none; }
input:focus, select:focus, textarea:focus { background-color:#f9ff9f; } /* Canvi de color al camp de formulari actiu */

/*** NEUTRALITZANT ESTILS:
	elements amb marge vertical: ***/
h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address {margin: 0; padding: 0;}
li, dd, blockquote {margin-left: 3.5em;}

/*** LINKS: ***/
a, a:link, a:visited, a:hover, a:active {text-decoration: none; color:#000;}
a:hover{text-decoration: underline; color:#00abc2;}
a img {	border: none; text-decoration: none;}
img {border: none;text-decoration: none;}

/*** TAULES: ***/
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal;}

/*** FORMULARIS: ***/
form label, button {cursor:pointer;}
input, select, textarea {font-size: 100%;}
input:focus, select:focus, textarea:focus {	background-color: #FFF;}
fieldset {border: none;}

.clear{clear:both; font-size:1px; height:0px; overflow:hidden;}

/* Maqueta */
body { margin:0px; text-align:center; }
#contenidor { margin:auto; text-align:left; }
input.boto { cursor:pointer; } 

/* FI CSS INICIAL -----------------------------------------------------------------------------------------*/

/* ASPECTES CONCRETS --------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------- */
a img{cursor:pointer;}
#contenidor{
	width:946px; height:617px;
	margin:0 auto;
	border:1px solid #333;
	border-top:0;
	background:#fff;
	}
#contingut{
	width:747px;
	height:542px; 	
	background:#fff;
	}
#cap{width:747px;
	height:75px;
	}
/* menu principal */
#menu{
	display:block;
	width:611px; width:740px;
	height:43px; 
	background:#c6c6c6 url(../img/bg_menu.jpg) center top repeat-x;
	overflow:hidden;
}
.sep{ float:left;}
#menu a{display:block; float:left;
	border:0;
	height:32px; /*43-11*/ 
	background:#c6c6c6 url(../img/boto.gif) center top no-repeat;
	font:bold 11px/13px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
	text-align:center;
	padding:11px 0px 0; 
} 

#menu a.men1{ width:77px;}
#menu a.men2{ width:151px;}
#menu a.men3{ width:124px;}
#menu a.men4{ width:126px;}
#menu a.men5{ width:124px;}
	
#menu a:hover, 
#menu a.actiu{background:#00abc2 url(../img/boto.gif) center bottom no-repeat;	}
/* fi menu principal */

#tirafotos{position:absolute;
	top:75px;
	margin-left:608px;
	width:132px; /*138 - 6*/ 
	height:542px;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px; 
	border-left:1px solid #848484; 
	background:#fff;
}
#tirafotos img {border:1px solid #686867;
	margin-top:4px;
}


.txt{
	display:block;
	width:610px;
	height:499px;
	overflow:hidden;
}

/* home */
.home #contingut{ background:url(../img/bg_home.jpg) left 43px no-repeat; }
.home .txt{
	background:url(../img/bg_ssl.jpg) 309px bottom no-repeat;	
}

.home .txt h3{
	margin-left:155px;
	display:block;
	width:435px;
	height:50px;
	background:url(../img/anim.gif) left 20px no-repeat;
	text-indent:-3000px;
}
.home .txt p{
	padding-top:14px;
	padding-left:242px;
}
.home .txt h4{
	color:#00abc2;
	font-size:14px;
	line-height:18px;
	padding-top:12px;
	padding-left:290px;
}
.home .txt ul{
	padding-left:250px;
}
#viny1{
	margin-top:18px;
	background:url(../img/viny1.jpg) left top no-repeat;
	padding-left:25px;
	}
#viny2{
	margin-top:10px;
	background:url(../img/viny2.jpg) left top no-repeat;
	padding-left:25px;
	}
#viny3{
	margin-top:10px;
	background:url(../img/viny3.jpg) left top no-repeat;
	padding-left:25px;
	}



h5.incluye a{
	display:block;
	width:280px;
	height:161px;
	background:url(../img/bg_incluye.jpg) left top no-repeat;
	text-indent:-3000px;

	position:relative;
	margin-top:-161px;
	margin-left:16px;
}	
	

#seccio{ width:593px;
	height:484px; 
	overflow:scroll;
	overflow-x:hidden;
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	background: url(../img/daltdegr.jpg) left top repeat-x;
	}



/*ciclo*/

.ciclo{
	padding:15px 0 0 15px;
	}
.ciclo #foto{ float:left;
	margin:-12px 0 0 -15px;
	}
.ciclo h4{
	margin-top:-10px;
	margin-left:150px;
	font:bold 17px/36px Verdana, Arial, Helvetica, sans-serif;
	color:#00abc2;
	}
.ciclo #intro{
	margin-left:150px; 
	width:395px;
	border-top:1px solid #00abc2;
	border-left:5px solid #00abc2;
	background:#e0e0e0;
	padding:5px;
	margin-bottom:12px;
	}
.ciclo p{padding-right:20px;
	padding-bottom:10px; padding-top:5px;
	}
.ciclo strong{color:#a80017;}
	
img#ciclo{margin:8px;}
	
h5{
	
	font:bold 12px/24px Verdana, Arial, Helvetica, sans-serif;
	color:#00abc2;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	}


	
	
/* laser */
.laser{
	padding:15px 0 0 15px;
	}
.laser #foto{float:left;
	margin:-15px 0 0 -15px;
	z-index:10;
	}
.laser h4{
	margin-top:-10px;
	margin-left:120px;
	font:bold 17px/36px Verdana, Arial, Helvetica, sans-serif;
	color:#00abc2;
	}
.laser #intro{
	margin-left:113px;
	width:425px;
	border-top:1px solid #00abc2;
	border-left:5px solid #00abc2;
	background:#e0e0e0;
	padding:5px;
	margin-bottom:12px;
	z-index:60;
	}
.laser p{padding-right:20px;
	padding-bottom:10px; 
	padding-top:5px;
	}

table#dades{
	width:555px;
	margin:20px 0;
	border-left:1px solid #00abc2;
	border-top:1px solid #00abc2;
	background:#fff;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
table#dades td{border-bottom:1px solid #00abc2;
	border-right:1px solid #00abc2;
	padding:6px 0;
	}

#dades td.caption{padding:0;
	height:28px;
	border-bottom:1px solid #00abc2;
	color:#fff;
	font-weight:bold;
	background:#00abc2 url(../img/laser/fonscapt.gif) left top repeat-x;
	text-align:center;
	}

.num{text-align:center;}

.imatg img{padding:5px;}

/* faq */
.faq{
	padding:15px 0 0 15px;
	}
.faq h4{
	margin-top:-10px;
	font:bold 17px/36px Verdana, Arial, Helvetica, sans-serif;
	color:#00abc2;
	}
.faq p{padding-right:20px;
	padding-bottom:4px; padding-top:2px;
	
	}
.faq a{font:bold 11px Verdana, Arial, Helvetica, sans-serif;}

	#op01{ padding-left:20px;
	background: url(../img/faq/n1.gif) left center no-repeat;
	}
	#op02{ padding-left:20px;
	background: url(../img/faq/n2.gif) left center no-repeat;
	}
	#op03{ padding-left:20px;
	background: url(../img/faq/n3.gif) left center no-repeat;
	}
	#op04{ padding-left:20px;
	background: url(../img/faq/n4.gif) left center no-repeat;
	}
	#op05{ padding-left:20px;
	background: url(../img/faq/n5.gif) left center no-repeat;
	}
	#op06{ padding-left:20px;
	background: url(../img/faq/n6.gif) left center no-repeat;
	}
	#op07{ padding-left:20px;
	background: url(../img/faq/n7.gif) left center no-repeat;
	}
	#op08{ padding-left:20px;
	background: url(../img/faq/n8.gif) left center no-repeat;
	}
	#op09{ padding-left:20px;
	background: url(../img/faq/n9.gif) left center no-repeat;
	}
	#op10{ padding-left:20px;
	background: url(../img/faq/n10.gif) left center no-repeat;
	}
	#op11{ padding-left:20px;
	background: url(../img/faq/n11.gif) left center no-repeat;
	}
	#op12{ padding-left:20px;
	background: url(../img/faq/n12.gif) left center no-repeat;
	}
	#op13{ padding-left:20px;
	background: url(../img/faq/n13.gif) left center no-repeat;
	}
	#op14{ padding-left:20px;
	background: url(../img/faq/n14.gif) left center no-repeat;
	}
	#op15{ padding-left:20px;
	background: url(../img/faq/n15.gif) left center no-repeat;
	}
	#op16{ padding-left:20px;
	background: url(../img/faq/n16.gif) left center no-repeat;
	}
	#op17{ padding-left:20px;
	background: url(../img/faq/n17.gif) left center no-repeat;
	}
	#op18{ padding-left:20px;
	background: url(../img/faq/n18.gif) left center no-repeat;
	}
	#op19{ padding-left:20px;
	background: url(../img/faq/n19.gif) left center no-repeat;
	}
	#op20{ padding-left:20px;
	background: url(../img/faq/n20.gif) left center no-repeat;
	}
	#op21{ padding-left:20px;
	background: url(../img/faq/n21.gif) left center no-repeat;
	}
	#op22{ padding-left:20px;
	background: url(../img/faq/n22.gif) left center no-repeat;
	}
	#op23{ padding-left:20px;
	background: url(../img/faq/n23.gif) left center no-repeat;
	}
.resposta{margin-top:3px;
	margin-left:15px; margin-bottom:5px;
	width:540px;
	border-top:1px solid #00abc2;
	border-left:5px solid #00abc2;
	background:#e0e0e0;
	padding:5px;
	z-index:50;
	}

/* pagIncluye */
.pagIncluye{	
	padding:15px 0 0 15px;
}
.pagIncluye h4{
	margin-top:-10px;
	font:bold 17px/36px Verdana, Arial, Helvetica, sans-serif;
	color:#00abc2;
	width:190px;
}
.pagIncluye p.intr{
	width:190px; 
	line-height:15px;
	padding-bottom:10px;
}
.pagIncluye p{padding-right:20px;
	padding-bottom:4px; 
	padding-top:2px;
	line-height:18px;
	
}

.pagIncluye ul#paseImg{
	width:158px;
	height:202px;
	overflow:hidden;
	float:left;
	margin:3px 8px 5px 0;
}
.pagIncluye ul#paseImg li{
	list-style:none; 
	background:none;
	padding-left:0;
}

.pagIncluye .columna{
	float:left;
	width:380px;
	padding:10px 0 10px 10px;
}
.pagIncluye ul{ 
	margin:0;
	padding:10px 0 0 0;
}
.pagIncluye li{ 
	margin:0;
	padding:0 0 10px 10px;
	background:url(../img/ul.gif) left 6px no-repeat;
}

.intr{
	float:left;
	width:270px;
	margin-bottom:12px;
}

.fotoIncl{
	float:right;
	padding-top:8px;
	padding-right:10px;
}
.fotosIncluye{
	position:absolute;
	top:75px;
	margin-left:608px;
	width:132px; /*138 - 6*/ 
	height:542px;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px; 
	border-left:1px solid #848484; 
	background:#fff;
}
.fotosIncluye img{
	border:1px solid #fff;
	margin-top:15px;
}
.fotosIncluye img.primer{ margin-top:25px;}


/*gracias*/

.gracias #seccio{ width:610px;
	height:484px; 
	overflow:hidden;
	font:11px/15px Verdana, Arial, Helvetica, sans-serif;
	background: url(../img/daltdegr.jpg) left top repeat-x;
	}
.gracias #foto{
	margin:-12px 0 0 -15px;
	z-index:10;
	}
.gracias #seccio h4{
	padding:10px 20px 20px;
	font:bold 17px/36px Verdana, Arial, Helvetica, sans-serif;
	color:#00abc2;
	}
.gracias #seccio h2{
	padding:10px 20px 20px;
	font:bold 14px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	width:550px;
	}
.gracias #seccio p{
	padding:5px 20px 10px;
	}

.error{font:bold 11px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#00abc2;
	}



/*formulari *********************************************************************************/
#lateral{
	position:absolute;
	top:0;
	height:617px;
	margin-left:746px;
	width:200px;
	overflow:hidden;
	background:url(../img/bg_form.gif) left top repeat-y;	
}
#lateral img.preu{ float:left;}
.mod_formulario{
	width:199px;
	min-height:521px;
	height:auto !important;
	height:521px;
	color:#3a3a3a; 
	background:url(../img/bg_form.gif) left top repeat-y;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
.mod_formulario h4{
	font-size:12px;
	line-height:16px;
	color:#00abc2;
	font-size:13px;
	font-weight:bold;
	width:200px;
	height:37px;
	text-indent:-9999px;
	background:url(../img/informate.gif) left top no-repeat;
	}
.mod_formulario form{  
	padding:2px 0 8px 18px; 
}
.mod_formulario p{ 
	padding:0 18px 5px 18px; 
	font-size:10px;
	line-height:11px;
	text-align:left; 
	}
.mod_formulario strong{color:#a80017;}
.mod_formulario label{ 
	display:block; 
	font-size:10px;
	line-height:11px; 
	text-align:left;
	clear:left; 
	padding:0 0 2px 0;

	}
.mod_formulario input, .mod_formulario select{ 
	float:left;
	width:160px; 
	height:13px; 
	background:#fff; 
	font-size:9px;
	line-height:10px; 
	margin-bottom:2px;
	border:1px solid #6f000f;
	}
.mod_formulario select{ 
	height:19px; 
	margin-bottom:3px;
}
#ITNombre_asterisco, #ITApellidos_asterisco, #ITTelefono_asterisco, #ITTelefono2_asterisco, #ITEMail_asterisco, #SNacionalidad_asterisco, #SFechaNacimientoAnyo_asterisco, #SOcupacion_asterisco, #CPolitica_asterisco, #ITDNI_asterisco{ display:none; }

select#SFechaNacimientoDia,
select#SFechaNacimientoMes,
select#SFechaNacimientoAnyo{ width:53px;}

table#ITFechaNacimiento{ }

.mod_formulario input.check{ width:15px; margin-right:8px; border:0; }
.mod_formulario a{
	text-decoration:none; 
	font-size:9px;
	line-height:10px;
	color:#434343; 
	text-align:left; 
}
.mod_formulario a:hover{ text-decoration:underline; }
div.politic{ clear:left; padding-top:6px;}
div.politic .check{float:left; background:none;}
div.politic a{}

#AEnviar{ display:block;  
	color:#000; 
	font-weight:bold;
	font-size:12px;
	width:160px; 
	height:22px;
	text-align:center; 
	background: url(../img/btn_enviar.gif) left top no-repeat; 
	text-indent:-99999px;
	text-decoration:none;
	cursor:pointer;
	}
#AEnviar:hover{ color:#fff; background-position:left bottom; }
.enviar{
	clear:left;	
	width:160px; 
	height:22px;
	margin-left:0px;
	margin-top:11px;
	margin-bottom:0px;
	overflow:hidden;
	background: url(../img/btn_enviar.gif) left bottom no-repeat; 
}
.logoform{padding:0px 0 7px 58px;}

.texteLegal{
	margin:auto; 
	width:946px;
	color:#999; 
	font-size:0.9em; 
	line-height:1.3em;
	padding:10px 0px;
}


a.comprar{ display:block;
	width:216px;
	height:72px;
	padding-left:84px; padding-top:5px;
	overflow:hidden;
	
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	color:#fff;
	background:url(../img/bg_comprar.jpg) left top no-repeat;
}
	a.comprar span.precio{ font-size:25px; line-height:25px;}
	a.comprar span.comp{ font-size:16px; line-height:24px;}
	
	a.comprar:hover{ color:#fff;}

h3.oForm{
	width:200px;
	height:52px;
	padding-top:10px;
	
	color:#fff;
	font-size:15px; line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	background:url(../img/bg_oForm.jpg) left top no-repeat;
}
	h3.oForm strong{color:#fff; }
	h3.oForm .precio{font-size:31px;}
	h3.oForm .mes{font-size:23px;}