/** COMMON **/
body {text-align:center;font-family: arial,sans-serif;font-size: 11px;color: #666;background: url(../img/fondo.gif) repeat-x #FBFBFB 0px 0px;}
#wrapper {margin:0px auto; padding:0px; width: 800px;text-align: left;}

/* colores */
.verde {color:#0B9D9D;}
.verdeoscuro {color:#1B4947;}
.gris {color: #666;}
.grisoscuro { color: #999;}

/** CONTENT **/
#cont_content {background: url('../img/degradado_med.gif') repeat-y 67px 0px;}
#content {}

/** HEADER **/
#header {
	height:90px;}

/** MENU **/
#menu {width:50%;
	height: 100%;}
#menu_links {
	height: 100%;
	width:410px;
	background: #9da5aa url('../img/degradado_sup.gif') no-repeat 0px 75px;
	position:relative;left:65px;}
#menu_links ul{margin:0px auto;width:90%;position: relative;top:65px;}
#menu_links ul,a{color:#FFF;}
#menu_links ul li{float:left;}
#menu_links a {
	text-decoration: none;text-transform: uppercase;
	font-size: .9em;font-weight: bold;}
#menu_links a:hover {
	color:#666;
	}
#menu_links a.selected {color:#666;}

.link_home {background: url(../img/blank.gif) repeat; display:block; position:relative;top:25px; z-index:10; cursor:pointer;height: 55px;}

/** LOGO **/
h1#logo.home{
	width: 294px;height: 90px;
	text-indent: -9999px;
}
#logo.es{
	background: url('../img/logo_esp.gif');
}
#logo.ca{
	background: url('../img/logo_cat.gif');
}

/** FOOTER **/
#footer {background: url('../img/degradado_inf.gif') no-repeat 67px 0px;padding-top:15px;}
#footer .franja{width: 410px;background: #9da5aa;position:absolute;margin-left:67px;}
#footer .franja .cont_copytext{margin:0px auto;width:250px;}
#footer .franja .cont_copytext p{color:#FFF;text-align: justify;}
#footer .idiomas{float:right;width:150px;}
#footer .idiomas ul {float:right;}
#footer .idiomas ul li{float:left;}
#footer .idiomas ul li a{text-decoration: none;color:#666;}
#footer .idiomas ul li a:hover{text-decoration: none;color:#999;}

/**********/
/** HOME **/
/**********/
#home.pagina_comun .caja{z-index:1;height:280px;}
#home.pagina_comun .cont_copytext{
	opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;
	background: #FFF;
	width: 310px;height:280px;position: absolute;top:105px;z-index: 4;}
#home.pagina_comun .copytext{z-index: 3;margin:35px 20px;}
#home.pagina_comun .copytext p{margin-bottom:20px;}
#home.pagina_comun .copytext p.titular{font-size: 1.5em;font-weight: bold;margin-bottom:35px;}

ul.slide li{margin-left:0px;}

.teasers {background: #CFD1D4;height: 132px;margin-top:10px;padding:15px;}
.teaser {background: #FFF;float:left;width: 246px;margin-right:15px;height: 100%;}
.teaser.ultimo {margin-right:0px;}

/*****************/
/** QUE HACEMOS **/
/*****************/
#que_hacemos {}
#que_hacemos.pagina_comun .cont_caja.imagen{margin-top:10px;background: #CFD0D2;padding:15px;}
#que_hacemos.pagina_comun .caja{z-index:1;background: #FFF;height:280px;}
.categorias{background: #DBDCE0;height: 110px;padding:10px 20px;}
.categoria {width:240px;height: 55px; float:left;}
.categoria.arriba{margin-bottom:5px;}
.categoria img{border:1px solid #666;float:left;}
.categoria p{width:160px;}
.categoria p.copytext{float:right;font-weight: bold;width:160px;margin-right:10px;margin-left:10px;}
.categoria p.copytext.lineas1{margin-top:20px;}
.categoria p.copytext.lineas2{margin-top:13px;}
.categoria .capa_enlace {background: url(../img/blank.gif) repeat; display:block; height:55px; margin-bottom:-55px; position:relative; z-index:10; cursor:pointer;}

#categoria.pagina_comun .caja{z-index:1;background: #EFEFF1;}
#categoria.pagina_comun .caja.titular_cat{height:111px;background: #194747;padding-left:30px;padding-top:20px;color: #FFF;}
#categoria.pagina_comun .caja.titular_cat h3{font-size:1.2em;font-weight: bold;margin-bottom:3px;}
#categoria.pagina_comun .caja.imagen {width:310px;}
#categoria.pagina_comun .caja.producto {height:277px;}
#categoria.pagina_comun .caja.descripcion {width:455px;height:217px;padding-top:40px;}
#categoria.pagina_comun .cont_descripcion {position: relative;top:10px;}
#categoria.pagina_comun .caja.relacionados {padding:10px;}

a.jScrollArrowUp {background: url(../img/basic_arrow_up.gif) no-repeat 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -15px;}
a.jScrollArrowDown {background: url(../img/basic_arrow_down.gif) no-repeat 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}

#categoria.pagina_comun .caja.descripcion p, .caja.descripcion h3, .caja.descripcion ul{margin-left:20px;margin-bottom:15px;}

#categoria.pagina_comun p{margin-right:20px;}
#categoria.pagina_comun p.volver{color:#FFF;text-align:right;margin-bottom:5px;}
#categoria.pagina_comun p.volver a{text-decoration: none;}
#categoria.pagina_comun p.volver a:hover{text-decoration: underline;}

#categoria.pagina_comun .copytext {width:455px;float:right;border:1px solid red;}
#categoria.pagina_comun .productos{}
#categoria.pagina_comun .productos .separador{width:11px;height:27px;margin-top:124px;float:left;background: #D0D1D5;}
#categoria.pagina_comun .cont_producto {float:left;width:179px;}
#categoria.pagina_comun .cont_producto a.capa_enlace {background: url(../img/blank.gif) repeat; display:block; width:179px;height:155px; margin-bottom:-155px; position:relative; z-index:10; cursor:pointer;}
#categoria.pagina_comun .cont_producto .titulo{margin-top:2px;height:27px;background: #D0D1D5;}
#categoria.pagina_comun .cont_producto .titulo p{text-align:center;margin:0px;padding-top:5px;}
#categoria.pagina_comun .cont_producto .vacio{width:179px; height:122px; background: #D0D1D5;}
/*************/
/** EMPRESA **/
/*************/
#empresa.pagina_comun .caja{background: url('../img/empresa/imagen-empresa.jpg') no-repeat 0px 0px #FFF;z-index:1;height:280px;}
#empresa.pagina_comun .cont_descripcion {position: relative;top:10px;}
#empresa.pagina_comun .copytext{
	padding:30px 20px 0px 285px;
	height:230px;
	width:455px;
	}
#empresa.pagina_comun .copytext p{width:100%;padding-bottom:20px;}
#empresa.pagina_comun .teaser{}

/**************/
/** CONTACTO **/
/**************/
#contacto.pagina_comun .caja{background: #FFF;height: 280px;}
#contacto.pagina_comun .cont_copytext {float:left;}
#contacto.pagina_comun .cont_copytext.izda{width: 40%;height:280px;background: #dadddf;}
#contacto.pagina_comun .cont_copytext.dcha{width: 60%;}
#contacto.pagina_comun .cont_copytext.izda .copytext{margin:30px 18px 0px 18px;}
#contacto.pagina_comun .cont_copytext .datos_contacto{margin-top:100px;}
#contacto.pagina_comun .cont_copytext .datos_contacto p{margin-bottom:3px;}
#contacto.pagina_comun .teaser{}
#frm_contacto {position: relative; top:0px;right: 25px;top:5px;}
#frm_contacto FIELDSET{margin:10px;}
#frm_contacto input,textarea{border:1px solid #CCC;font-size: 1.2em;line-height: 1.5em;color:#666;}
#frm_contacto p.campos{height:30px;}
#frm_contacto p.campos.izda{width:50%;float:left;}
#frm_contacto p.campos.dcha{width:50%;float:right;}
#frm_contacto p.campos.dcha label{width:55px;}
#frm_contacto .campos input{float:right;height:20px;}
#frm_contacto .campos label{width:95px;display:block;float:left;text-align: right;margin-right:13px;line-height: 2em;}
#frm_contacto textarea{width:250px;float:left;}
#frm_contacto .tipo1 input{width:330px;}
#frm_contacto .tipo2 input{width:110px;}
#frm_contacto .tipo3 input{width:150px;}
#frm_contacto .tipo4 {width:360px;float:left;margin-left:2px;}
#frm_contacto .tipo4 textarea{float:right;width: 250px;height: 70px;}
#frm_contacto p.campos.envio{width:80px;float:right;position: relative;top:50px;}
#frm_contacto input.submit{background: url(../img/bot_enviar.gif);float:right;text-indent: -9999px;border:0px;width:62px;height: 22px;}
#frm_contacto input.submit:hover{background:url(../img/bot_enviar.gif) 0px -22px no-repeat; }

#contacto .confirmacion_consulta {position: relative;top:140px;left:120px;}

input.error{border:1px solid red!important;}
textarea.error{border:1px solid red;}
/******************/
/** PÁGINA COMÚN **/
/******************/

.pagina_comun {}
.pagina_comun .cont_caja{background: #EFEFF0;padding:15px;}
.pagina_comun .cont_caja.oscura{background: #D0D1D5;}
.pagina_comun .cont_caja.separator{margin-top:10px;}