/* Tipografies */

@font-face {
font-family: "Museo 300";
src: url("fonts/Museo300-Regular.eot");
src: local("Museo 300"), local("Museo 300"),
url("fonts/Museo300-Regular.otf") format("opentype"),
url("fonts/Museo300-Regular.woff") format("woff"),
url("fonts/Museo300-Regular.svg#Museo 300") format("svg");
}

@font-face {
font-family: "ColabLig";
src: url("fonts/colablig-webfont.eot");
src: local("ColabLig"), local("ColabLig"),
url("fonts/colablig-webfont.otf") format("opentype"),
url("fonts/colablig-webfont.woff") format("woff"),
url("fonts/colablig-webfont.svg#ColabLig") format("svg");
}

@font-face {
font-family: "ColabBol";
src: url("fonts/colabbol-webfont.eot");
src: local("ColabBol"), local("ColabBol"),
url("fonts/colabbol-webfont.otf") format("opentype"),
url("fonts/colabbol-webfont.woff") format("woff"),
url("fonts/colabbol-webfont.svg#ColabBol") format("svg");
}

@font-face {
font-family: "ColabMed";
src: url("fonts/colabmed-webfont.eot");
src: local("ColabMed"), local("ColabMed"),
url("fonts/colabmed-webfont.otf") format("opentype"),
url("fonts/colabmed-webfont.woff") format("woff"),
url("fonts/colabmed-webfont.svg#ColabMed") format("svg");
}

@font-face {
font-family: "ColabReg";
src: url("fonts/colabreg-webfont.eot");
src: local("ColabReg"), local("ColabReg"),
url("fonts/colabreg-webfont.otf") format("opentype"),
url("fonts/colabreg-webfont.woff") format("woff"),
url("fonts/colabreg-webfont.svg#ColabReg") format("svg");
}

@font-face {
font-family: "MuseoSlab500";
src: url("fonts/museo_slab_500-webfont.eot");
src: local("MuseoSlab500"), local("MuseoSlab500"),
url("fonts/museo_slab_500-webfont.otf") format("opentype"),
url("fonts/museo_slab_500-webfont.woff") format("woff"),
url("fonts/museo_slab_500-webfont.svg#MuseoSlab500") format("svg");
}

@font-face {
font-family: "MuseoSlab700";
src: url("fonts/museo_slab_700-webfont.eot");
src: local("MuseoSlab700"), local("MuseoSlab700"),
url("fonts/museo_slab_700-webfont.otf") format("opentype"),
url("fonts/museo_slab_700-webfont.woff") format("woff"),
url("fonts/museo_slab_700-webfont.svg#MuseoSlab700") format("svg");
}

@font-face {
font-family: "MuseoSlab900";
src: url("fonts/museo_slab_900-webfont.eot");
src: local("MuseoSlab900"), local("MuseoSlab900"),
url("fonts/museo_slab_900-webfont.otf") format("opentype"),
url("fonts/museo_slab_900-webfont.woff") format("woff"),
url("fonts/museo_slab_900-webfont.svg#MuseoSlab900") format("svg");
}

@font-face {
font-family: "MuseoSlab100";
src: url("fonts/museoslab100-webfont.eot");
src: local("MuseoSlab100"), local("MuseoSlab100"),
url("fonts/museoslab100-webfont.otf") format("opentype"),
url("fonts/museoslab100-webfont.woff") format("woff"),
url("fonts/museoslab100-webfont.svg#MuseoSlab100") format("svg");
}

/* Twitter */

#twitter {
width:215px;
margin-left:14px;
margin-right:30px;
}
#twitter_t {
width:215px;
height: 44px;
background:#fffef8;
color:#fff;
text-shadow:0px 0px #333;
}
#twitter_m {
width: 215px;
background:#fffef8;
}
#twitter_container {
min-height:45px;
height:auto !important;
height:40px;
margin-top:-14px;
}
#twitter_update_list {
width: 215px;
padding: 0;
overflow: hidden;
color: #111;
margin-left:-13px;
}
#twitter_update_list li {
width: 215px;
list-style: none;
margin-bottom:10px;
}
#twitter_update_list li a {
color:#ff8a00;
text-decoration: none;
}
#twitter_update_list li a:hover {
color: #111;
}
#twitter_b {
width: 215px;
height: 29px;
background:#fffef8;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

BODY { 
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	text-align: center;
	color:#222;
	font-size:12pt;
	line-height:1.5em;
	background-color: #fffef8;
}


h1 { font-size:16pt;}

h2 { font-size:14pt;}

h3 { font-size:12pt;}

/*Ppal*/

#preHome{ 

	height:100px;
}

/**/

#cos{
	margin: 0px 0px 0px 0px;
}

#separador1{ height:30px}

#capsalera1 { 
	height:210px;
	background:url(images/capsaleras.png) no-repeat left top;
}

#logoCaps {
	width:950px;
	padding-top: 16px;
    margin-bottom: 50px;
	text-align:left;
	margin:auto;
}
#elLogo { width:300px; float:left;}

#menu{ 
	width: 590px; 
	margin-top:9px;
	color:#111111;
	font-family: "MuseoSlab700", serif;
	float:right;
	/*background:url(images/fonsIdioma.png) no-repeat right top;*/
}
#idioma{ font-size:11px; width: 565px; text-align:right; height:25px;}
#idioma a { color:#000; text-decoration:none;}
#idioma a:hover { text-decoration:underline;}
#nav{ text-align:right; font-size:15px; width:590px; margin-top:33px; }


/* #menu{ 
	width: 590px; 
	margin-top:82px;
	text-align:right;
	color:#111111;
	font-family: "MuseoSlab500", serif;
	float:right;
	font-size:15px;
}
*/
#menu li{	display:inline;	line-height:2em; margin-right:20px;	margin-left:0px; font-size:1.1em; }
#menu li a{ padding:  2px 3px 2px 3px; text-decoration:none; color:#371c00 }
#menu li a:hover { padding-top:8px; padding-bottom:25px; border-top: 0px groove #333; border-bottom: 0px groove #333; color:#371c00; background:url(images/fonsMenu.png);}
#menu a.active{padding-top:8px; padding-bottom:25px; border-top: 0px groove #333; border-bottom: 0px groove #333; color:#371c00; background:url(images/fonsMenu.png);}

/*BOLA

#menu li a:hover {padding-top:9px; padding-bottom:38px; border-top: 0px groove #333; border-bottom: 0px groove #333; color:#000; background:url(images/otaronja.png) top left no-repeat;}
#menu a.active{padding-top:9px; padding-bottom:38px; border-top: 0px groove #333; border-bottom: 0px groove #333; color:#000; background:url(images/otaronja.png) top left no-repeat;}

*/

/*Part central*/


#slider {
	margin:auto;
}

#central {margin:auto;}

#contenedorCentral1 { width:950px; height:270px; text-align:left; margin:auto; padding-top:10px; padding-bottom:20px; }
#contenedorCentral2 { width:950px; height:280px; text-align:left; margin:auto; }
#contenedorCentral3 { width:950px; height:75px; text-align:left; margin:auto; }
#contenedorCentral4 { width:950px; height:140px; text-align:left; margin:auto; font-size:44px; line-height:1.2em; color:#333; font-family:"MuseoSlab100"; text-align:center;}
#contenedorCentral5 { width:950px; height:5px; text-align:left; margin:auto; padding-top:45px;}

#boxesH {
	margin-top: 25px;
    margin-bottom: 0px;
	margin-left:20px;
	margin-right:30px;
	width:265px;
	float:left;
	text-align:left;
	font-size:9pt;
	color:#111;
	line-height:1.8em;
}
#boxesH2 {
	margin-top: 25px;
    margin-bottom: 0px;
	margin-left:20px;
	margin-right:30px;
	width:265px;
	float:left;
	text-align:left;
	font-size:9pt;
	color:#111;
	line-height:1.8em;
}
#boxesH a{ color:#ccc; text-decoration:none; }
#boxesH a:hover{ text-decoration:underline; }

#boxHTitle {
	font-family: "MuseoSlab700", serif;
	font-size:11pt;
	text-align:left;
	line-height:3em;
	color:#111;
}
#boxNube { font-family:Arial, Helvetica, sans-serif; color:#666; font-size:10pt; text-align:center; }
#boxNube a:hover{ text-decoration:underline; }

#boxesLM {
	margin-top: 0px;
    margin-bottom: 0px;
	margin-left:20px;
	margin-right:30px;
	width:265px;
	float:left;
}
.footer_llegeixMes{
	background-position:top;
    width: 265px;
    height: 50px;
    display: block;
	background: url(images/leeMas.png) top no-repeat;
}

#jquery {
	width:350px;
	float:left;
	text-align:left;
	margin-left:25px;
}

#text {
	width:480px;
	float:left;
	text-align:left;
	margin-left:25px;
}


/* Peu de pŕgina */

#punts{ height:5px; margin-left:15px; margin-right:15px; background:url(images/backgroundRetol.png) repeat left; }

#footer { 
	height:244px;
	/*background: url(images/footer.png) repeat top left;*/
	background-color:#371C00;
	margin: 0px 0px 0px 0px; 
}

#peu { 
	height:4px;
	background-color:#ccc;
}

#contenedorPeu {
	width:950px;
	float:center;
	text-align:left;
	margin:auto;
}

#boxes {
	margin-top: 25px;
    margin-bottom: 50px;
	margin-left:20px;
	margin-right:30px;
	width:265px;
	float:left;
	font-family: "MuseoSlab500", serif;
	text-align:left;
	font-size:9pt;
	color:#ccc;
	line-height:1.8em;
}
#boxes a{ color:#ccc; text-decoration:none; }
#boxes a:hover{ text-decoration:underline; }

#boxTitle {
	font-family: "MuseoSlab700", serif;
	font-size:11pt;
	text-align:left;
	line-height:2em;
	color:#fff;
}

.footer_icon_twitter, .footer_icon_facebook, .footer_icon_linkedin, .footer_icon_flickr {
    background-position: 0px 0px;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
    display: block;
}
.footer_icon_twitter{ background: url(images/twitter.png) no-repeat; }
.footer_icon_facebook{ background: url(images/facebook.png) no-repeat; }


/* Nosotros */

#lemaN { width:950px; height:160px; padding-top:25px; padding-bottom:45px; text-align:left; margin:auto; font-size:44px; line-height:1.2em; color:#2b1600; font-family:"MuseoSlab100"; text-align:center;}
#contenedorRetol { width:950px; height:66px; text-align:center; margin:auto; }
#boletes{ background:url(images/backgroundRetol.png) repeat left; margin-left:15px; margin-right:15px;}
#contenedorN { width:950px; height:250px; text-align:center; margin:auto;  }
#boxesN {
	margin-top: 25px;
    margin-bottom: 50px;
	margin-left:20px;
	margin-right:30px;
	width:425px;
	float:left;
	text-align: justify;
	font-size:9pt;
	color:#111;
	line-height:1.8em;
}

/* Servicios */

#lemaS { width:950px; height:100px; padding-top:50px; padding-bottom:25px; text-align:left; margin:auto; font-size:44px; line-height:1.2em; color:#2b1600; font-family:"MuseoSlab100"; text-align:center;}
#contenedorS { width:950px; height:250px; text-align:center; margin:auto;  }
#boxesS {
	margin-top: 25px;
    margin-bottom: 50px;
	margin-left:20px;
	margin-right:30px;
	width:425px;
	float:left;
	text-align:justify;
	font-size:9pt;
	color:#111;
	line-height:1.8em;
}
#contenedorS2 { width:950px; height:250px; text-align:center; margin:auto; padding-top:165px; background:url(images/fonsServeis.png) no-repeat top center;}
#boxesS2 {
	margin-top: 25px;
    margin-bottom: 0px;
	margin-left:40px;
	margin-right:20px;
	width:245px;
	float:left;
	text-align:left;
	font-size:9pt;
	color:#111;
	line-height:1.8em;
}
#boxesS2 a{ text-decoration:none; color:#111; }
#boxesS2 a:hover { text-decoration:underline; color:#111; }

#boxS2Title {
	font-family: "MuseoSlab700", serif;
	font-size:11pt;
	text-align:left;
	line-height:3em;
	color:#111;
	text-align:center;
}
#boxS2Title a{ text-decoration:none; color:#111; }
#boxS2Title a:hover { text-decoration:underline; color:#111; }
.boxS2Subtitle {
	text-align:left;
	color:#333;
	font-style:italic;
}


/* Servicios - Comunicación, Gestión y Producciones */

/*
#contenedorRetolS { width:950px; height:171px; text-align:center; margin:auto; }
#boletesS{ background:url(images/backgroundRetolServeis.png) repeat left; margin-left:15px; margin-right:15px;}
#contenedorPegatina { float:none; width:665px; height:171px; text-align:center; margin:auto; background-color: #fffdf4;}
#contenedorTitolS{ width:950px; height:50px; text-align:center; margin:auto; font-family:"MuseoSlab700"; color:#371c00; font-size:1.1em;}
*/
#lemaProducciones { width:950px; height:75px; padding-top:40px; padding-bottom:25px; text-align:left; margin:auto; font-size:44px; line-height:1.2em; color:#2b1600; font-family:"MuseoSlab100"; text-align:center;}
#contenedorS4 {  width:950px; height:210px; text-align:center; margin:auto; padding-top:0px; }
#boxesS4 { margin-top: 0px; margin-bottom: 0px; margin-left:40px; margin-right:20px; width:245px; float:left; text-align:left; }
#contenedorSComunicacion { width:950px; height:350px; text-align:center; margin:auto; padding-top:0px; }
#contenedorSGC { width:950px; height:270px; text-align:center; margin:auto; padding-top:0px; }
#contenedorSProducciones { width:950px; height:300px; text-align:center; margin:auto; padding-top:0px; }
#boxesS3 {
	margin-top: 25px;
    margin-bottom: 0px;
	margin-left:20px;
	margin-right:30px;
	width:265px;
	float:left;
	text-align:justify;
	font-size:9pt;
	color:#111;
	line-height:1.8em;
}
#boxesS3 a { color:#ff8a00; text-decoration:none; }
#boxesS3 a:hover { color:#ff8a00; text-decoration:underline; }
#boxS3Title { font-family: "MuseoSlab700", serif; font-size:11pt; text-align:left; line-height:3em; color:#111; text-align:center; }


/* Portfolio */

#lemaP { width:950px; height:100px; padding-top:40px; padding-bottom:35px; text-align:left; margin:auto; font-size:44px; line-height:1.2em; color:#2b1600; font-family:"MuseoSlab100"; text-align:center;}
#contenedorP { width:950px; height:850px; text-align:center; margin:auto; padding-top:20px; }
#contenedorP2 { width:950px; height:750px; text-align:center; margin:auto; padding-top:40px; padding-right:30px; }
#boxesP {
	margin-top: 25px;
    margin-bottom: 50px;
	margin-left:20px;
	margin-right:30px;
	width:265px;
	float:left;
	text-align:justify;
	font-size:9pt;
	color:#111;
	line-height:1.8em;
}


/* Contacte */

#lemaC { width:950px; height:90px; padding-top:40px; padding-bottom:35px; text-align:left; margin:auto; font-size:44px; line-height:1.2em; color:#2b1600; font-family:"MuseoSlab100"; text-align:center;}
#contenedorRetolC { width:950px; height:40px; text-align:center; margin:auto; }
#contenedorC { width:950px; height:720px; text-align:center; margin:auto;  }
#formulari{
	width:600px;
	float:left;
	margin-top: 0px;
    margin-bottom: 0px;
	margin-left:13px;
	margin-right:30px;
	text-align:left;
	font-family: "MuseoSlab500", serif;
	font-size:10pt;
}
.caselles { font-family:Arial, Helvetica, sans-serif; line-height:1.3em; color:#444; padding-top:8px; padding-bottom:8px; padding-left:6px; padding-right:6px; border:thin; border-color:#e0ae7a; border-style:solid; overflow:hidden; }
.asterisc { font-family: "MuseoSlab500", serif;	font-size:20pt; color:#a8211a;}
.enviar {
	float:right;
    width: 110px;
    height: 35px;
	background: url(images/enviar.png) top right no-repeat;
	border: none;
    padding: 2px 8px;
	cursor:pointer;
}
#contenedorCError { width:950px; height:200px; text-align:center; margin:auto;  }
#formError {
	width:550px;
	float:left;
	margin-top: 5px;
    margin-bottom: 0px;
	margin-left:43px;
	margin-right:30px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
}

/*.enviar:hover { 
background-position: -100px 0;
cursor:pointer;
}*/
#boxesC {
	margin-top: 18px;
    margin-bottom: 50px;
	margin-left:20px;
	margin-right:30px;
	width:250px;
	float:left;
	text-align:left;
	font-size:10pt;
	color:#111;
	line-height:1.8em;
}
#boxesC a{ color:#111; text-decoration:none; }
#boxesC a:hover{ text-decoration:underline; }
#boxCTitle { font-family: "MuseoSlab500", serif; font-size:12pt; text-align:left; line-height:2em; color:#222; }
.telf {	float:left; background-position:top; width: 250px; display: block; background: url(images/telf.png) top left no-repeat; padding-left:30px; font-family: "MuseoSlab500"; font-size:12pt;}
.sobre {float:left; background-position:top; width: 250px; display: block; background: url(images/sobre.png) top left no-repeat; padding-left:30px; font-family: "MuseoSlab500"; font-size:12pt;}

/* Clientes */

#lemaClientes { width:950px; height:120px; padding-top:40px; padding-bottom:35px; text-align:left; margin:auto; font-size:44px; line-height:1.2em; color:#2b1600; font-family:"MuseoSlab100"; text-align:center;}
#contenedorClientes { width:950px; height:450px; text-align:center; margin:auto; padding-top:20px; }