/*MAIN PREFERENCES*/
html {font-size: 100.1%;}
body {
	font: small Trebuchet MS, Arial;
	margin: 0 auto;
	background: #3897CE url(../images/fons.jpg) no-repeat top center;
}
li {list-style: none;}
/*first element in lists*/
li.first {
	padding: 0 !important;
	background: none !important;
}
a{
	text-decoration: none;
}
a:focus {outline: none;}
img {border: none;}
.hidden-text {
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}
p{
	font-size: 1.1em;
	line-height: 1.1em;
}
li{
	font-size: 1.1em;
}
ol li{
	list-style: decimal;
	margin: 0 0 10px 0;
}
ol li ul li{
	list-style: none;
	font-size: 1.0em;
}
ul.vinetas li{
	color: #0079C0;
	list-style: circle;	
}

/*MAIN CONTAINER*/
#global {
	margin: 0 auto;
	width: 990px;
	background-color: #3897CE;
}
#main {
	float: left;
	margin: 0;
	width: 960px;
	padding: 0 15px;
	background-color: #fff;
}
#container{
	width: 100%;
	margin:0;
	padding:0;
}

/*BOLETINES*/
#headerboletines{
	background-color: #000;
	height: 48px;
	width: 100%;
}
#headerboletines .boletines{
	width:990px;
	margin: 0 auto;
}
#headerboletines .boletines a.enlaceboletingrupo{
	padding: 15px 0 5px 20px;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.0em;
	display: block;
	float: left;
	text-decoration: underline;
}
#headerboletines .boletines .apartadobol{
	width: 375px;
	background-color: #666;
	float: right;
	height: 48px;
}
#headerboletines .boletines .apartadobol a{
	background:url("../images/boletin.png") no-repeat left top;
	padding: 0px 0 5px 50px;
	margin-top: 7px;
	margin-left: 50px;
	display: block;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.0em;
}
#headerboletines .boletines .apartadobol a.volver{
	background:url("../images/volver.png") no-repeat left top;
}
#headerboletines .boletines .apartadobol a:hover{
	text-decoration: none;
}

/*HEADER*/
#header {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
ul.idiomas{
	display: block;
	width: 100%;
	height: 15px;
	padding: 0;
	margin: 5px 0;
}
ul.idiomas li{
	float: right;
	padding: 0 10px;
	color: #565353;
}
ul.idiomas li.ultimo{
	border-left: 1px solid #000;
	padding-right: 0;
}
ul.idiomas li a{
	color: #0079C0;
	text-decoration: underline;
}
ul.idiomas li a:hover{
	text-decoration: none;
}
h1{
	margin: 0;
	float: left;
}
h1.logo a{
	background: url(../images/logo-carpas.jpg) no-repeat;
	display: block;
	width: 328px;
	height: 73px;
	text-indent: -9999px;
}
#banerpresupuesto{
	width: 219px;
	height: 40px;
	float: right;
	margin: 35px 20px 15px 0;
	padding-right: 10px;
}
#baneratencion{
	width: 242px;
	height: 65px;
	background: url(../images/baner-atencion.jpg) no-repeat;
	float: right;
	margin: 10px 0 15px 0;
	padding-right: 10px;
}
#baneratencion p{
	color: #000;
	text-align: right;
	width: 242px;
	padding: 2px 0 0 0;
	margin: 0;
}
#baneratencion p.telefono{
	color: #0079C0;
	font-size: 1.7em;
	line-height: 1.0em;
}
#baneratencion a{
	color: #0079C0;
	width: 242px;
	display: block;
	text-align: right;
	text-decoration: none;
}
#nav{
	width: 960px;
	clear: both;
	margin: 10px 0 18px 0;
	padding: 0;
	height: 30px;
}
#nav li{
	float: left;
	height: 25px;
	margin:0;
	padding: 5px 15px 0 15px;
	border-left: 1px solid #fff;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
    background: url(../images/bg-menu.jpg) repeat-x;
}
#nav li.socials{
    background:#fff;
    padding:3px 0 0;
}
#nav li.socials img{
    margin:0 0 0 3px;
}
#nav li a{
	color: #fff;
	text-decoration: none;
	padding-top: 2px;
}
#nav li a img{
vertical-align: middle;
}
#columna-izquierda{
	width: 180px;
	float: left;
}
#columna-derecha{
	width: 750px;
	float: right;
}
/*COLUMNA IZQUIERDA BANERS*/

.side-banner{
    border:1px solid #017ac1;
    margin:0 0 24px;
    padding:0 0 7px;
}
.title{
    background:#017ac1;
    color: #fff;
	margin: 0 0 10px;
	padding: 3px 0 7px;
	font-size: 1.3em;
	font-weight: bold;
    text-align: center;
}
.side-banner .download-pdf{
    margin:0;
    padding:0 0 0 10px;
}
.side-banner .download-pdf a{
    display:block;
    padding-left:19px;
    background: url(../images/download.png) no-repeat left top;
    font-size:0.85em;
    color:#000;
    margin-bottom: 5px;
}

#banner-addthis{
    margin:0 0 24px;
}
#banner-addthis .title{
    padding-bottom:4px;
}

a.banercatalogo{
	display: block;
	width: 130px;
	height: 55px;
	margin-bottom: 20px;
	background: url(../images/baner-catalogo.jpg) no-repeat;
	color: #0079C0;
	padding: 3px 0 0 50px;
	font-weight: bold;
	line-height: 1.2em;
}
a.banercatalogo span{
	color: #565353;
}
#banerboda{
	width: 180px;
	height: 120px;
	margin-bottom: 24px;
	background: url(../images/baner-boda.jpg) no-repeat;
}
#banerboda p{
	color: #fff;
	margin: 0;
	padding: 3px 0 15px;
	font-size: 1.4em;
	font-weight: bold;
    text-align:center;
}
#banerboda a{
	color: #0079C0;
	font-size: 1.3em;
	padding: 0 30px 0 0;
	margin-left: 10px;
	line-height: 1.3em;
}
#banerboda a span{
	color: #565353;
	font-size: 1.4em;
	padding-left: 10px;
	display: block;
}

a.banervideo{
	display: block;
	width: 127px;
	height: 45px;
	margin-bottom: 24px;
	background: url(../images/baner-video.jpg) no-repeat;
	color: #0079C0;
	padding: 5px 0 0 53px;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
}
a.banervideo span{
	color: #565353;
}
#experiencia{
	background: url(../images/bg-experiencia.jpg) no-repeat;
	width: 465px;
	height: 165px;
	float: left;
	margin: 10px 0;
}
#experiencia p.tituloexperiencia{
	margin: 10px 15px;
	padding: 0;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.0em;
}
#experiencia p.textoexperiencia{
	margin: 10px 15px 5px 15px;
	padding: 0;
	color: #333333;
	font-size: 1.0em;
	line-height: 1.3em;
	height: auto;
}
#blog-index{
	width: 475px;
	float: right;
	margin: 10px 0;
}
#blog-index h2 {
	border-top: 1px solid #0079C0;
	border-bottom: 1px solid #0079C0;
	margin: 0;
	padding: 3px 0;
	font-size: 1.5em;
}
#blog-index h3 {
	margin: 0;
	padding: 6px 0 2px 0;
	font-size: 1.0em;
	color: #0079C0;
	font-weight: normal;
	line-height: 1.0em;
}
#blog-index p.fechablog{
	margin: 0;
	color: #999;
	font-size: 0.9em;
	line-height: 1.1em;
	padding: 2px 0;
}
#blog-index p.textoblog{
	margin: 0;
	font-size: 1.0em;
	line-height: 1.1em;
	padding: 0;
}

#columna-derecha h2{
	margin: 0 0 10px 0;
	color: #0079C0;
	line-height: 0.9em;
}
#columna-derecha h3{
	margin: 10px 0 5px 0;
	text-transform: uppercase;
	color: #0079C0;
}
/*SUBMENU*/
#subnav {
	margin: 0 0 20PX 0;
	padding: 0;
}
#subnav li{
	margin-bottom: 2px;
}
#subnav li a{
	width: 170px;
	height: auto;
	background-color: #0079C0;
	display: block;
	color: #fff;
	font-size: 14px;
	padding: 6px 5px 5px 5px;
	font-weight: bold;
}
#subnav li a:hover, #subnav li a.active{
	background-color: #7FBCDF;
	color: #fff;
}

/* PAGINA INICIAL */
p.introhome{
    font-size:1.6em;
    line-height:1.2em;
    margin:0 0 15px;
}
p.introhome a{
    color: #000;
    text-decoration:underline;
}
p.introhome a:hover{
    text-decoration:none;
}

/*EMPRESA*/

div.video{
	margin: 0 0 0 40px;
	padding-top: 10px;
}
a.enlaceyoutube{
	margin: 20px 0 20px 40px;
	padding: 7px 0 0 0;
	display: block;
	color: #0079C0;
	font-size: 1.6em;
	background: url(../images/logo-youtube-gran.jpg) no-repeat right; 
	width: 370px;
	height: 33px;
	text-decoration: underline;
}
a.enlaceyoutube:hover{
	text-decoration: none;
}
div.zonaimagenes{
	width: 750px;
	height: 340px;
	margin-top: 10px;	
	margin-bottom: 10px;
	float: right;
}
div.zonaimagenes580{
	width: 750px;
	height: 580px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
}
/*BODAS*/
div.textoseccion{
	float: left;
	width: 550px;
}
h2.h2bodas{
	font-size: 1.2em;
}
a.enlaceasistente{
	display: block;
	float: right;
	width: 160px;
	height: 366px;
	margin: 50px 0 0 0;
	padding: 10px;
	background: url(../images/bg-asistente.jpg) no-repeat;
	color: #000;
	font-size: 2.8em;
	line-height: 1.0em;
}
a.enlaceasistente span{
	margin-top: 15px;
	display: block;
	font-size: 0.6em;
	line-height: 1.5em;
}
a.enlaceasistente span.enlaceasistentecat{
	margin-top: 8px;
	line-height: 1.2em;
}
/*asistente virtual*/
div.imagenesbodas{
	background: url(../images/bg-asistente-imagenes.jpg) no-repeat;
	width: 245px;
	height: 614px;
	float: left;
	margin-bottom: 20px;
	padding: 10px;
}
div.imagenesbodas img{
	margin-bottom: 10px;
}
div.formularioasistente{
	width: 460px;	
	float: right;
}
#columna-derecha h3.h3asistente{
	margin: 0;
	padding: 0;
	text-transform: none;
	font-size: 2.4em;
	font-weight: normal;
}
#formulariasistente fieldset{
	border: none;
	padding: 0;
	margin: 0;
}
#formulariasistente legend{
	color: #333333;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 15px;
}
#formulariasistente input, #formulariasistente select, #formulariasistente textarea{
	border: 1px solid #999999;
	margin: 2px 0 10px 0;
}
#formulariasistente label{
	color: #0079C0;
	margin-left: 10px;
}
#formulariasistente input{
	width: 175px;
	margin-left: 10px;
}
#formulariasistente select{
	width: 100px;
	margin-left: 10px;
}
#formulariasistente div.columnaform{
	float: left;
	width: 210px;
	margin-left: 20px	
}
#formulariasistente div.columnatot{
	clear: both;
	width: 420px;
	margin-left: 20px	
}
#formulariasistente div.columnaform p{
	border-bottom: 2px solid #0079C0;
	width: 190px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 15px;
}
#formulariasistente input#invitados{
	width: 100px;
}
input#baile{
	width: 10px;
	height: 10px;
	border: none;
	margin-left: 10px;
}
input#nobaile{
	width: 10px;
	height: 10px;
	border: none;
	margin-left: 10px;
}
#formulariasistente textarea#missatge, #formulariasistente textarea#declaracio{
	width: 400px;
	margin-left: 15px;
}
#formulariasistente input#chkdeclaracio{
	width: 10px;
	border: none;
	height: 10px;
	padding-top: 2px;
}
#formulariasistente input#submit{
	background: url(../images/bg-boton.jpg) repeat-x;
	height: 23px;
	width: auto;
	font-weight: bold;
	color: #fff;
	border: none;
	padding: 0 20px;
}
#formulariasistente input#planopdf{
	background: url(../images/bg-boton.jpg) repeat-x;
	height: 23px;
	width: auto;
	font-weight: bold;
	color: #fff;
	border: none;
	padding: 0 20px;
}
/*PROFESIONALES*/
/*a.aplanocarpa{
	background: url(../images/plano.jpg) no-repeat left;
	display: block;
	height: 50px;
	padding: 20px 0 0 75px;
	font-size: 1.3em;
	color: #0079C0;
	text-decoration: underline;
}
a.aplanocarpa:hover{
	text-decoration: none;	
}*/
h2.h2carpa{
	width: 420px;
	float: left;
}
a.alistado{
	float: right;
	display: block;
	background: url(../images/listado.png) no-repeat left;
	padding: 0 0 0 25px;
	text-decoration: underline;
	font-size: 1.3em;
	color: #0079C0;
}
a.avolver{
	float: right;
	display: block;
	background: url(../images/volver.gif) no-repeat left;
	padding: 0 0 0 25px;
	text-decoration: underline;
	font-size: 1.3em;
	color: #0079C0;
}
a.alistado:hover, a.avolver:hover{
	text-decoration: none;
}
a.alistado2 {
	background: url(../images/bg-listado.jpg) no-repeat left;
	color:#FFFFFF;
	display:block;
	font-size:16px;
	font-weight:bold;
	height:auto;
	padding: 4px 5px 6px 45px;
	width:auto;
	margin: 5px 0 20px 0;
	text-decoration: underline;
    float:left;
}
a.alistado2:hover{
	text-decoration: none;
}
#listadocarpas{
	margin: 0;
	padding: 0;
}
#listadocarpas li{
	float: left;
	width: 230px;
	height: 310px;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px dotted #0079C0;
}
#listadocarpas li a img{
	padding: 0;
	margin:0;		
}
#listadocarpas li p{
	color: #000;
	display: block;
	height: 30px;
	font-size: 1.0em;
	margin:0;
	padding: 5px 0;
}
#listadocarpas li a.aimagen{
	display: block;
	border: 3px solid #0079C0;
	padding: 0;
	height: 224px;
	margin: 0 0 5px 0;
}
#listadocarpas li a.aimagen:hover{
	border: 3px solid #7FBCDF;
}
#listadocarpas li a.aplanocarpa2{
	background: url(../images/plano-mini.jpg) no-repeat left;
	display: block;
	height: 30px;
	padding: 5px 0 0 40px;
	color: #0079C0;
	text-decoration: underline;
}
#listadocarpas li a.aplanocarpa2:hover{
	text-decoration: none;	
}
p.descripcio-professionals{
    clear:both;
}
object.video-professionals{
    margin-bottom: 30px;
    float:left;
}
#listadocarpasvideos{
	margin: 0;
	padding: 0;
    clear:both;
    list-style:none;
}
#listadocarpasvideos li{
	float: left;
	width: 350px;
	margin: 0;
	padding: 0;
}
#listadocarpasvideos li.video1{
    margin-right:50px;
    clear: left;
}

/*CONTACTA*/
#mapa{
	width: 235px;	
	height: 373px;	
	background-color: #fff;
	padding: 3px;
}
#map{
	width: 235px;	
	height: 373px;	
	overflow: hidden;
}
#contacto{
	background: url(../images/bg-asistente-imagenes.jpg) no-repeat;
	width: 241px;
	height: 624px;
	float: left;
	margin-bottom: 20px;
	padding: 5px 12px;
}
#contacto h2{
	color: #000;
}
#contacto p{
	margin: 0 0 10px 20px;
	padding: 0;
	font-size: 14px;
}
#contacto a{
	margin: 0 0 0 20px;
	text-decoration: underline;
	font-size: 1.1em;
}
#contacto a:hover{
	text-decoration: none;
}
#contacto div.skype{
	margin: 10px 0 15px 20px;
	padding: 2px 0 2px 5px;
	background: url(../images/logo-skype.png) no-repeat left;
}
#contacto div.skype a{
	color: #000;
	text-decoration: none;
}
div.formulariocontacta{
	width: 475px;	
	float: right;
}
div.formulariocontacta h2{
	width: 300px;	
	float: left;
}
p.pobligatorios{
	float: right;
	margin: 0;
	padding: 0;
}
/*formulario*/
#formularicontacte{
	float: right;
	width: 460px;
}
#formularicontacte fieldset{
	border: none;
	padding: 0;
	margin: 5px 0 0 0;
}
#formularicontacte legend{
	color: #0079C0;
	font-size: 1.2em;
	margin-bottom: 10px;
	margin-top: 15px;
}
#formularicontacte legend.legenddatos{
	display: none;
}
#formularicontacte label, #formularicontacte input{
	width: 460px;
}
#formularicontacte input, #formularicontacte select, #formularicontacte textarea{
	border: 1px solid #0079C0;
	margin: 2px 0 10px 0;
}
div.formtel{
	width: 250px;
	float: left;
}
#formularicontacte input#telefono{
	width: 250px;
}
#formularicontacte div.formtot{
	width: 460px;
	clear: both;
}
div.formcp{
	width: 150px;
	float: right;
}
#formularicontacte input#cp{
	width: 148px;
}
div.formmedio{
	clear: both;
}
#formularicontacte select{
	width: 220px;
}
div.formfecha{
	width: 220px;
	float: left;
}
div.formfecha2{
	width: 190px;
	float: left;
}
div.formevento{
	width: 220px;
	float: right;
}
div.formevento2{
	width: 190px;
	float: left;
}
#formularicontacte input#fecha{
	width: 170px;
}
#formularicontacte input#evento{
	width: 170px;
}
div.formpoblacion, div.formm2, div.forminvitados, div.formprovincia, div.forminvitados2, div.formprovincia2, div.formpoblacion2{
	float: left;
}
div.formpoblacion{
	width: 230px;
}
div.formpoblacion2{
	width: 230px;
}
div.formprovincia{
	width: 220px;
}
div.formm2{
	width: 80px;
}
div.forminvitados{
	width: 130px;
}
#formularicontacte input#poblacion{
	width: 200px;
}
#formularicontacte input#provincia{
	width: 230px;
}
#formularicontacte input#m2{
	width: 80px;
}
#formularicontacte input#invitados{
	width: 130px;
}
#formularicontacte textarea#missatge, #formularicontacte textarea#declaracio{
	width: 460px;
}
#formularicontacte input#chkdeclaracio{
	width: 10px;
	border: none;
	height: 10px;
	padding-top: 2px;
}
#formularicontacte input#submit{
	background: url(../images/bg-boton.jpg) repeat-x;
	height: 23px;
	width: auto;
	font-weight: bold;
	color: #fff;
	border: none;
	padding: 0 20px;
}
.aviserror{
	color: #f33a00;
	font-weight: bold;
	margin: 5px 0 5px 0;
	clear: both;
}
#formularicontacte .backgrounderror{
	background-color: #FCADA4;
	border:1px solid #f33a00;
}
/**FOOTER*/
div.logosgrupo{
	clear: both;
	border-top: 1px solid #0079C0;
	padding: 10px 0;
	height: auto;
	margin-top: 20px;
}
div.logosgrupo p{
	margin: 8px 0;
	padding: 0;
	font-size: 1.2em;
}
div.logosgrupo p span{
	padding-left: 300px;
}
#footer{
	width: 930px;
	padding: 0;
	clear: both;
	margin: 10px 0 18px 0;
	padding-left: 30px;
	height: 30px;
	background:  url(../images/bg-footer.jpg) repeat-x;
}
#footer li{
	float: left;
	margin: 15px 0 0 0;
	height: 14px;
	padding: 0 5px;
	border-right: 1px solid #000;
	color: #000;
	font-size: 1.0em;
	line-height: 1.1em;
	font-weight: bold;
	padding-top: 2px;
}
#footer li.ultimo{
	border: none;
}
#footer li a{
	color: #000;
	text-decoration: none;
	padding-top: 2px;
}
#seofooter{
	/*background: url(../images/bg-footer.jpg) repeat-x top;	*/
	background-color: #3897CE;
	width: 990px;
	padding-top: 5px;
	margin-bottom: 30px;
	float: left;
}
h4{
	color: #000;
	font-weight: normal;
	margin: 10px 0 5px 0;
	padding: 0;
	float: left;
	
}
#seofooter ul{
	margin: 0;
	padding: 0 0 10px 0;
}
#seofooter ul li{
	float: left;
	width: 220px;
	list-style: none;
	margin-left: 0;
	line-height: 1.0em;	
}
#seofooter ul li a{
	color: #fff;
	font-size: 0.85em;
	line-height: 1.0em;	
}
#seofooter ul li a:hover{
	color: #66FFFF;
}
#seofooter div.columnafooter{
	margin: 10px 5px 20px 5px;
	float: left;
	width: 280px;
}
#seofooter div.columnafooterultima{
	margin: 10px 5px 40px 0;
	float: right;
	width: 400px;
}
#seofooter div.columnafooterultima ul li{
	width: 200px;
}
/***************************LANDING**************************/
#columna-izquierda-landing{
	width: 300px;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
}
#columna-derecha-landing{
	width: 630px;
	float: right;
	margin-top: 30px;
	margin-bottom: 30px;
}

#columna-derecha-landing h2{
	color: #0079BF;
	font-size: 1.9em;
	margin-top: 0;
}
#columna-derecha-landing h3{
	font-size: 1.5em;
	margin-top: 0;
}

#columna-derecha-landing div.formulariocontacta{
	width: auto;
	padding: 0 100px 0 100px;
	
}