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

	Hoja de estilos; formateo de estilos del navegador
	Autor: www.globus.es

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


/* Eliminamos los estilos por defecto del navegador */ 

/* =Reset ///////////////////////////////////////////////////////////
------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
 
/* No olvides definir estilos para focus */
:focus {
  outline: 0;
}
 
/* No olvides resaltar de alguna manera el texto insertado/borrado */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
 
/* En el código HTML es necesario añadir cellspacing="0" */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.cursiva{ font-style:oblique;}
.bold{ font-weight:bold;}
/* Estilos generales //////////////////////////////////////////////// 
------------------------------------------------------------------ */
body{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}




/* Estilos del contenedor 
------------------------------------------------------------------ */
div#contenedor{
width:100%;
min-height:530px;
text-align:left;
margin:0 auto;
}



/* Estilos de la cabecera 
------------------------------------------------------------------ */
div#cabecera{
width:100%;
height:95px;
border-bottom:1px dotted #555;
background:url(../imagenes/bg_top.jpg) repeat-x top left;
}
div.contenidoCab{
width:980px;
height:95px;
margin:0 auto;
overflow:hidden;
	}
div.contenidoCab div.logo{
	width:180px;
	height:55px;
	background:url(../imagenes/logobn.jpg) no-repeat 0px 5px;
	float:left;
	color:#fff;
	font-size:0.1em;
	}
div.contenidoCab div.logo a{
	display:block;
	width:180px;
	height:55px;
	color:#fff;
	text-decoration:none;
	}
div.contenidoCab div.subsubmenu{
	padding-top:3px;
	float:left;
	width:800px;
	height:25px;
	overflow:hidden;
	}
div.contenidoCab div.subsubmenu ul{
	display:block;
	overflow:hidden;
	padding-top:5px;
	padding-left:655px;
	}
div.contenidoCab div.subsubmenu ul li{
	display:block;
	float:left;
	margin-left:10px;
	}	
div.contenidoCab div.subsubmenu ul li a{
	display:block;
	color:#000;
	text-decoration:none;
	font-size:0.8em;}
div.contenidoCab div.subsubmenu ul li a:hover{
	display:block;
	color:#000;
	text-decoration:none;
	font-size:0.8em;
	border-bottom:1px dotted #000;
	}
div.contenidoCab div.subsubmenu ul li a.active{
	display:block;
	color:#000;
	text-decoration:none;
	font-size:0.8em;
	border-bottom:1px dotted #000;
	}
div.idiomes{
	text-align:right;}
div.idiomes select{
	background-color:#eee;
	border:0 none;
	color:#000;
	outline:1px solid #aaa;
	}


div.contenidoCab div.menu_horiz{
	padding-top:3px;
	float:left;
	width:980px;
	height:41px;
	overflow:hidden;
	}
div.contenidoCab div.menu_horiz ul.submenu{
	display:block;
	float:left;
	margin-left:0px;
	height:30px;
	width:930px;
	overflow:hidden;
	padding-top:10px;
	}
div.contenidoCab div.menu_horiz ul.submenu li{
	display:block;
	float:left;
	height:28px;
	width:200px;
	}

div.contenidoCab div.menu_horiz ul.submenu li a{
	text-decoration:none;
	color:#000;
	display:block;
	float:left;
	padding-bottom:7px;
	width:170px;
	font-size:0.95em;
	}
div.contenidoCab div.menu_horiz ul.submenu li a:hover{ color:#000!important;}
.glo{ background:url(../imagenes/bg_tg.jpg) 0px 17px no-repeat;}
.com{ background:url(../imagenes/bg_cg.jpg) 0px 17px no-repeat;}
.fot{ background:url(../imagenes/bg_f.jpg) 0px 17px no-repeat;}
.mul{ background:url(../imagenes/bg_mu.jpg) 0px 17px no-repeat;}
.margin{ margin-right:10px;}
.margin_bot{ margin-bottom:15px;}
.igual{ background:url(../imagenes/igual.jpg) no-repeat 170px 3px;}
.mas{background:url(../imagenes/mas.jpg) no-repeat 170px 3px;}
div.contenidoCab div.menu_horiz ul.submenu li a.inactiu{
	color:#999;
	background:url(../imagenes/bg_inactiu.jpg) 0px 17px no-repeat!important;
	}

/* Estilos del contenido 
------------------------------------------------------------------ */
div#contenedorCont{
	width:100%;
min-height:490px;
	}
.negre{
background-color:#000;
}
div#contenido{
width:980px;
min-height:420px;
margin:0 auto;
overflow:hidden;
}
ul.menuLat{
	display:block;
	float:left;
	width:130px;
	padding:30px 5px 10px 5px;
	}
ul.menuLat li{
	float:left;
	display:block;
	width:140px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:0px;
	color:#555;
	}
ul.menuLat li a{
	display:block;
	width:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.70em;
	color:#999;
	text-decoration:none;
	padding:2px 0px 2px 0px;
	text-transform:uppercase;
}
/*.miniglobal{
	background:url(../imagenes/mini_globals.jpg) no-repeat 0px 13px;
	}*/
ul.menuLat li a.active{
	font-size:0.70em !important;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	}

ul.menuLat li a:hover{
	font-weight:bold !important;
	font-weight:normal;
	font-size:0.70em !important;
	color:#666;
	text-decoration:none;
	}
ul.submenuLat li{
	float:left;
	display:block;
	width:117px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:0px;
	padding-left:20px;
	color:#555;
	}
ul.submenuLat li a{
	display:block;
	width:135px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.70em;
	color:#999;
	text-decoration:none;
	padding:2px 0px 2px 0px;
	text-transform: none!important;
}
div.treballs span.titular{
	display:block;
	width:750px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin-bottom:5px;
	color:#333;
	}

div.treballs span.titular2{
	display:block;
	width:780px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin-bottom:5px;
	color:#333;
	}
	
div.treballs.tres{
	float:left;
	width:815px;
	margin-top:15px;
	margin-left:10px;
	background-color:#fff;
	min-height:350px;
	padding:0px;
	}
div.treballs.tres div.subtreballs{
	background-color:#eee;
	float:left;
	overflow:hidden;
	margin-bottom:10px;
	width:814px;
	padding:15px 0 0 15px;
	outline:1px solid #ccc;
	}
	
div.block.small{ 
	width: 155px; 
	height: 160px; 
	}
div.block.small div.badge{ 
	width: 141px; 
	height: 123px;
	overflow:hidden;
	background: #fff; 
	padding: 4px; 
	border: solid 1px #aaa;  
	}
div.block.small div.badge:hover{
	border: 1px solid #777;
	background: #ddd; 
	} 
div.block.small div.badge h1{ 
	height:24px; 
	padding: 8px 0px 0 2px; 
	font-size: 0.7em !important; 
	font-weight: normal; 
	text-transform: none;
	color:#333;
	}
div.block.small div.badge a{
	display:block;
	width: 141px; 
	height: 123px;
	text-decoration:none!important;
}
div.block.small div.badge img{
	outline:1px solid #aaa;
	} 
		
div.block{ 
	float: left; 
	}
div.imgs{
	float:left;
	width:642px;
	}
div.imgs img{
	float:left;
	border:1px solid #ccc;
	margin-bottom:25px;
	}
div.texte{
	float:right;
	width:150px;
	padding-right:9px;
	}
div.texte strong{
	font-size:0.7em;
	width:150px;
	color:#333;
	line-height:1.4em;
	}
div.treballs div.texte p{
	width:150px!important;
	font-size:0.7em!important;
	color:#555!important;
	line-height:1.4em!important;
	border:0!important;
	}
div.texte a{
	color:#333!important;
	}
/* Estilos del pie 
------------------------------------------------------------------ */
div#pie{
width:100%;
height:100px;
background: #000 url(../imagenes/home/bg_peu.jpg) repeat-x top left;
}
div.contenidoPie{
width:880px;
height:80px;
margin:0 auto;
text-align:left;
background:url(../imagenes/logo_p.jpg) no-repeat 5px 10px;
padding-left:100px;
padding-top:20px;
	}
div.contenidoPie ul{
	float:left;
	display:block;
	margin-left:145px;
	}
div.contenidoPie ul li{
	display:block;
	color:#fff;
	font-size:0.7em;
	padding:2px;
	}
div.contenidoPie ul li a{
	text-decoration:none;
	color:#fff;
	}	
div.contenidoPie ul li a:hover{
	text-decoration:underline;
	color:#fff;
	}	
div.contenidoPie ul li.sutbrallat{
	border-bottom:1px solid #fff;
	margin-bottom:3px;}
/* Estilos HOME
------------------------------------------------------------------ */
.slideshow{
	margin: 10px 0px 10px 0px !important; 
	}
div#contenido h1{
	font-weight:normal;
	font-size:16px;
	color:#333;
	}
div#contenido p{
	font-size:0.8em;
	line-height:1.1em;
	margin-top:3px;
	margin-bottom:12px;
	padding-bottom:10px;
	border-bottom:1px dotted #555;
	color:#666;
	}
div.banners{
	overflow:hidden;
	}
div.banners div.b{
	float:left;
	width:235px;
	}
div.banners div.b a.img{
	width:235px;
	height:160px;
	display: block;
	margin-bottom:10px;
}
div.banners div.b img{
	border:1px solid #ddd;
	width:235px;
	height:160px;
}
.marginbanners{
	margin-right:10.5px;
	}
div#contenido span.peuimg{
	font-size:0.8em;
	line-height:1.1em;
	color:#666;
	}
div#contenido a.rel{
	font-size:0.75em;
	color:#222;
	line-height:1.1em;
	display:block;
	margin-bottom:15px;
	margin-top:5px;
	}
	
/* Estilos INTRO GLOBALS
------------------------------------------------------------------ */
#breadcrumbs{
	width:975px;
	float:left;
	color:#000;
	font-size:0.7em;
	background-color:#eee;
	padding:4px 0px 3px 5px;
	border-bottom: 1px dotted #333;
	}
#breadcrumbs a{
	color:#000;
	}
div.treballs{
	float:left;
	width:815px;
	margin-top:15px;
	margin-left:10px;
	background-color:#eee;
	min-height:350px;
	padding:15px 0 0 15px;
	}
div.treballs p{
	display:block;
	font-size:16px !important;
	line-height:1.3em !important;
	width:700px;
	font-weight:lighter;
	color:#666;
	padding-left:0px;
	padding-top:5px;
	border:0px!important;
	padding-bottom:0!important;
	}
div.treballs_foto{
	float:left;
	width:965px;
	margin-top:15px;
	margin-left:0px;
	margin-bottom:15px;
	background-color:#eee;
	min-height:350px;
	padding:15px 0 0 15px;
	}
	
	
	/* Estilos GALERIA FOTOS
------------------------------------------------------------------ */
#slider{
	margin-left:0px;
	border:1px solid #ddd;
	margin-top:5px;
	float:left;
	}

#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		width:955px;
		height:500px;
		overflow:hidden; 
		}
		
	span#prevBtn a{
		display:block;
		font-size:0.7em!important;
		color:#333;
		text-transform:uppercase;
		text-decoration:none;
		margin:5px 10px 15px 0px;
		float: left;
		font-weight:bold;
		}
	span#nextBtn a{
		display:block;
		font-size:0.7em!important;
		color:#333;
		text-transform:uppercase;
		text-decoration:none;
		margin:5px 22px 15px 12px;
		float: right;
		font-weight:bold;
		}	
		
/* Estilos FORMULARI CONTACTE
------------------------------------------------------------------ */		
.t_contacto{
	width:965px!important;
	margin-left:0px!important;}
form#contacta{
	display:block;
	overflow:hidden;
	margin-top:20px;
	width:360px;
	float:left;
	}
form#contacta div.item{
	display:block;
	overflow:hidden;
	color:#333;
	font-size:0.8em;
	margin-bottom:10px;
	}
form#contacta div.item label{
	display:block;
	width:105px;
	float:left;
	padding-right:5px;
	text-align:left;
	padding-top:3px;
	
	}
form#contacta div.item input{
	display:block;
	height:10px;
	width:222px;
	float:left;
	}
form#contacta div.item textarea{
	display:block;
	width:222px;
	float:left;
	}

input.news{
	padding-left:30px;
	height:auto!important;
	width:20px!important;
	}
form#contacta div.item span{
	display:block;
	margin-top:5px;
	}
form#contacta input.boto{
	padding:1px 10px;
	margin-left:0px;
	margin-bottom:15px;
	background-color:#fff;
	border:1px dotted #000;
	color:#000;
	font-size:0.8em;
	font-weight:normal;
	cursor:pointer;
	}
form#contacta input.boto:focus{
	padding:1px 10px;
	margin-left:0px;
	margin-bottom:15px;
	background-color:#000;
	border:1px dotted #000;
	color:#fff;
	font-size:0.8em;
	font-weight:normal;
	}
	
/* Estilos FORMULARI CONTACTE
------------------------------------------------------------------ */
div.img_mapa{
	float:left;
	width:547px;
	height:297px;
	border:1px solid #666;
	background-color:#fff;
	padding:5px 0 0 5px;
	margin-top:18px;
	margin-bottom:15px;
	margin-left:20px;
	}
ul.adreca{
	display:block;
	float:left;
	margin-left:8px;
	margin-top:15px;
	}
ul.adreca li{
	display:block;
	font-size:0.8em;
	padding-bottom:3px;
	color:#555;
	}
ul.adreca li.titol{
	font-size:1em;
	color:#000;
	padding-bottom:10px;
	}

	
/* Estilos ABOUT RETOC DIGITAL
------------------------------------------------------------------ */	
.retoc{
	float:left;
	font-size:16px !important;
	line-height:1.3em !important;
	width:300px;
	height:252px;
	font-weight:lighter;
	color:#666;
	border:0px!important;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:40px;
	}
.retoc a.primera{
	background:#fff url(../imagenes/about/01_Bora_2.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}
.retoc a.primera:hover{
	background:#bbb url(../imagenes/about/01_Bora_1.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}

.retoc a.segona{
	background:#fff url(../imagenes/about/02_Himel2.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}
.retoc a.segona:hover{
	background:#bbb url(../imagenes/about/02_Himel1.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}

.retoc a.tercera{
	background:#fff url(../imagenes/about/03_JG_2.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}
.retoc a.tercera:hover{
	background:#bbb url(../imagenes/about/03_JG_1.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}

.retoc a.quarta{
	background:#fff url(../imagenes/about/04_Mas_2.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}
.retoc a.quarta:hover{
	background:#bbb url(../imagenes/about/04_Mas_1.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}

.retoc a.cinquena{
	background:#fff url(../imagenes/about/05_Salter_2.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}
.retoc a.cinquena:hover{
	background:#bbb url(../imagenes/about/05_Salter_1.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}

.retoc a.sisena{
	background:#fff url(../imagenes/about/06_Salgado_2.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}
.retoc a.sisena:hover{
	background:#bbb url(../imagenes/about/06_Salgado_1.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}

.retoc a.setena{
	background:#fff url(../imagenes/about/07_Schneider_2.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}
.retoc a.setena:hover{
	background:#bbb url(../imagenes/about/07_Schneider_1.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}

.retoc a.vuitena{
	background:#fff url(../imagenes/about/08_Superoffice_2.jpg) no-repeat 5px 5px;
	display:block;
	width:420px;
	height:252px;
	}
.retoc a.vuitena:hover{
	background:#bbb url(../imagenes/about/08_Superoffice_1.jpg)no-repeat 5px 5px;
	display:block;
	width:42px;
	height:252px;
	}

.retoc a.novena{
	background:#fff url(../imagenes/about/09_Himel1_3.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}
.retoc a.novena:hover{
	background:#bbb url(../imagenes/about/09_Himel1_1.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}

.retoc a.desena{
	background:#fff url(../imagenes/about/10_Herma_2.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}
.retoc a.desena:hover{
	background:#bbb url(../imagenes/about/10_Herma_1.jpg) no-repeat 5px 5px;
	display:block;
	width:300px;
	height:252px;
	}
a.subrayadoblau{
        display:block;
        float:right;
        font-size: 0.8em;
        color: #000;
        padding: 10px 0px ;
        text-decoration:none;
		background: #fff url(../imagenes/home/bg_peu.jpg) repeat-x top left;
        }
a.subrayadoblau:hover{
        text-decoration: underline;}

a.subrayadoverd{
background:url("../imagenes/home/bg_peu.jpg") repeat-x scroll left top #eee;
color:#000000;
display:block;
float:right;
font-size:0.8em;
padding:10px 5px;
text-decoration:none;
margin-right:10px;
}
a.subrayadoverd:hover{
        text-decoration: underline;}