/* =============================== */
/* ========= CSS RESET =========== */
/* =============================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

table {
	border-collapse:collapse;
	border-spacing:0;
}

caption, th {text-align:left;}

fieldset, img {border:0;}

a {outline:none;}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; margin:0px; padding:0px;}

ol, ul {list-style:none;}

address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/


/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#393939;
	margin:0px;
	padding:0px;
}

/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

#main_container {position:relative; width:955px; margin:0 auto;}

/*header*/
#headerPrint {position:relative;}
#header {display:none;}
#accesRapid {position:relative; float:right; margin:65px 70px 0 0; z-index:1; width:120px;} #accesRapid img {position:relative; float:left; display:inline;}

/*contenido*/
#content {
	position:relative;
	width:955px;
	height:auto!important;
	min-height:200px;
	height:200px;
	font-size:0.8em;
	overflow:hidden;
	margin-bottom:-100px;
	z-index:1;
}
#content p {position:relative; margin-top:10px;}

#left {display:none;}

#right {position:relative; width:955px; _width:650px; padding-top:33px;}

#footerPrint {position:relative; clear:both; margin-top:100px;}
#footer {display:none;}

/*=================AUXILIARS================*/
.clearfix {clear:both;}
.margeEsq {position:relative; padding-left:20px;}
.margeEsqNeg {margin-left:-70px;}
.margeTop {position:relative; top:-10px;}
.alinearCentro {text-align:center;}
.linkTxt {position:relative; clear:both; text-align:right; margin-right:50px;}
.linkTxt a {color:#393939;}

/*=====================================================*/
/*========================BANNERS======================*/
/*=====================================================*/

#presentaHome {position:relative; font-size:0.85em; margin:0 -15px 20px 5px; text-align:justify; line-height:1.3em;}

.campForm {position:relative; border:1px solid #e0dddd;}
#boletin {position:relative; background:url(../img/fondo-boletin.gif); width:191px; height:87px; padding:15px 15px; font-size:0.85em;}
#boletin h2 {position:relative;} #boletin h2 span {display:none;}
#boletin p {position:relative;}
#boletin form {position:relative; margin-top:5px;}

/*HOME*/
.home {position:relative; margin:10px 2px 10px 3px; float:left;}
.home img {position:relative; float:left;}
.home div {position:relative; float:left; width:123px; height:135px; background:url(../img/fondo-productos-home.gif); padding:15px 10px 5px 10px; font-size:0.85em; margin-left:3px;}
.home div h2 {position:relative; color:#09a198; font-size:1em; margin:8px 0 -7px 0; } 
.home div h2 a {color:#09a198; font-weight:bold; text-decoration:none;} .home div h2 a:hover {text-decoration:underline;}
.home div p {position:relative; font-size:1.05em; height:9.2em; overflow:hidden;}

/*CONTENIDOS GENERALES*/
#leyenda {position:absolute; font-size:0.85em; top:0; z-index:2; width:480px;}
#leyenda a {color:#585757; text-decoration:none; } #leyenda a:hover {text-decoration:underline;}
#leyenda span a {color:#f0a208; font-weight:bold; text-decoration:none;}

#general {position:relative;}
#general h2 {position:relative; margin:30px 0;} #general h2 span {display:none;}

/*PRODUCTOS*/
.productos, .proyectos {position:relative; width:283px; font-size:0.859em; float:left; margin:8px 15px 8px 0;}
.productos div, .proyectos div {position:relative; background-color:#ececec; width:263px; padding:0 10px; margin:0; overflow:hidden;}
.productos div img {position:relative; float:left;  border:2px solid #cdcdcd; width:120px; height:90px; margin:5px 5px 10px 0;}
.productos div h3 {position:relative; color:#09a198; padding-top:3px; margin-bottom:-2px; height:1.2em; overflow:hidden;} 
.productos div h3 a {color:#09a198; font-weight:bold; text-decoration:none;} .productos div a:hover {text-decoration:underline;}
.productos div p {position:relative; top:-5px; height:7.2em; overflow:hidden;}

#ficha {position:relative; font-size:0.9em;}
#ficha img {position:relative; float:left; margin:0 10px 0 0;}
#ficha p {position:relative; padding:30px 0 20px 0; height:6.7em; overflow:hidden; line-height:1.4em;}

#imprimir {background:url(../img/fondo-imprimir.gif); width:108px;}
#amigo {background:url(../img/fondo-enviar-amigo.gif); width:141px;}
.opcion {position:relative; height:72px; float:left; margin:5px 15px 5px 0; padding:0 10px 5px 10px; top:7px; overflow:hidden;}
.opcion h2 {position:relative; top:-12px;} .opcion h2 span {display:none;}
.opcion p {position:relative; clear:left; top:-8px!important; font-size:0.95em; padding:0!important; height:auto!important; line-height:1.1em!important;}

#caracteristicas {position:relative; width:619px; clear:both; top:30px;}
#caracteristicas div {position:relavitve; background-color:#f0a208; background-image:url(../img/fondo-groc-topos.gif); background-position:right top; background-repeat:no-repeat; padding:10px 30px;}
#caracteristicas div h3 span {display:none;}

.otros {position:relative; width:619px; margin-top:50px;}
.otros h4 {position:relative; background:#f0a208; color:#fff; padding:1px 3px; text-transform:uppercase; font-weight:bold; font-size:0.85em; margin-bottom:20px;}
.otros p {position:relative; text-align:justify;}
.otros .fotos {position:relative; margin:20px 0 40px 25px; top:20px; bottom:40px;}
.otros .fotos img {position:relative; width:120px; height:90px; float:left; margin:7px;}

.otrosProyectos {margin-top:20px!important;}

#proFicha {position:relative; font-size:0.9em;}
#proFicha img {position:relative; float:left; margin:0 10px 0 0;}
#proFicha h2 {position:relative; font-weight:bold; top:30px;}
#proFicha h3 {position:relative; top:2px;} #proFicha h4 {position:relative; top:3px;}
#proFicha p {position:relative; padding:5px 0 20px 0; line-height:1.4em; width:320px; height:9.5em!important; overflow:hidden!important; text-align:justify;}

.proyectos div {padding:3px 7px 3px 13px;}
.proyectos div img {position:relative; width:249px; height:90px; border:2px solid #cdcdcd;}
.proyectos div h3 {position:relative; color:#09a198; height:1.2em; overflow:hidden; margin:5px 0 -5px 0;}
.proyectos div h3 a {color:#09a198; font-weight:bold; text-decoration:none;} .proyectos div h3 a:hover {text-decoration:underline;}
.proyectos div p {position:relative; height:3.6em; overflow:hidden; text-align:justify; padding-right:7px;}
.proyectos div h4 {position:relative; background-image:url(../img/fondo-boto-gris.gif); background-repeat:repeat-x; font-size:0.95em; width:60px; font-weight:bold; padding:1px 3px 3px 3px; float:right; margin:5px 8px 5px 0; text-align:center;}
.proyectos div h4 a {color:#2e2e2e; text-decoration:none; bottom:2px;} .proyectos div h4 a:hover {color:#1e1e1e;}


/*===================PAGINACIÓN===================*/

.paginacio {position:relative; font-size:0.85em; margin-top:30px; text-align:right; margin-right:85px;}
.paginacio ul {position:relative; list-style:none;}
.paginacio ul li {position:relative; display:inline; margin-right:-8px!important; padding:4px 5px;  }
.paginacio ul li a {position:relative; color:#fff; text-decoration:none; padding:4px 5px!important; background-color:#585757!important; bottom:3px;} 
.paginacio ul li a:hover {background:#f0a208!important; padding:4px 5px!important; text-decoration:none;}
.paginaSeleccio {position:relative; background-color:#09a198; padding:4px 5px; color:#fff; bottom:3px;}
.paginaNoSeleccio {position:relative; background-color:#585757; padding:4px 5px; color:#fff; bottom:3px;}

a.linkNormal {color:#09a198; } a:hover.linkNormal {color:#393939;text-decoration:underline;}

/*====================FORMULARI====================*/

.formulari {position:relative; margin-left:30px;}
.formulari span {font-size:0.95em; text-align:right; vertical-align:top; line-height:24px; width:180px; padding-right:2px; display:table-cell;}
.formulari fieldset textarea, .formulari fieldset input, .formulari fieldset select {vertical-align:top; font-size:0.95em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.formulari fieldset {border:none;}
.formulari fieldset textarea {position:relative; font-family:Verdana, Arial, Helvetica, sans-serif!important; font-size:0.95em; border:1px solid #c0c0c0; vertical-align:bottom;}
.form {border:1px solid #c0c0c0; font-size:1em; line-height:13px; padding:2px;}

.posicioCheck {position:relative; margin-top:20px;}
.posicioCheck p {position:relative; text-align:right; margin-right:455px; margin-bottom:-13px;}
.posicioCheck div {position:relative; top:-5px;}
.posicioCheck label {position:relative; margin-left:190px; clear:both;}
.posicioCheck input {position:relative; top:5px!important;}
.posicioCheck span {position:relative; text-align:left; padding-left:4px; margin-top:-15px!important;}

.botoForm {position:relative; margin:10px 0 0 220px;}

/***************************************************/
/***********************POPS************************/
/***************************************************/

#popUp {position:relative; margin:0 auto; width:620px; background:#fff; font-size:0.7em; color:#393939;}
#popUp h1 {display:none;}

#popPeu {position:relative; width:620px; height:108px; background:url(../img/pop-peu.jpg); background-repeat:no-repeat;}
#popPeu p {position:absolute; color:#8eecf2; top:40px; left:220px; width:400px; text-align:center; line-height:1.2em;} #popPeu a {color:#8eecf2;}
#popPeu div {position:absolute; top:42px; left:25px;}
#popPeu div img {position:relative; float:left; margin-left:15px;}

#popGeneral {position:relative; padding:50px 50px 40px 50px; text-align:justify;}
#popGeneral h2 {position:relative; padding-bottom:10px;} #popGeneral h2 span {display:none;}
#popGeneral h3 {position:relative; color:#04746d; padding:15px 0 7px 0; font-weight:bold;}
#popGeneral p {padding:5px 0;}
#popGeneral a {color:#04746d; text-decoration:underline;} #popGeneral a:hover {text-decoration:none;}

.botoPop {position:relative; text-align:center; margin:10px 0 0 45px;}
.formPop {margin-left:0!important;}

#icoAcces a {position:relative; clear:left; top:20px;padding:10px;}

#contenido {position:relative; padding:0 60px 20px 0; text-align:justify;}
#contenido ul {position:relative;}
#contenido ul li {margin:20px 0 -8px 0;}
#contenido ul li a {position:relative; color:#393939; font-weight:bold; text-decoration:none;} 
#contenido ul li a:hover {text-decoration:underline;}
#contenido ul ul {margin:-10px 0 0 20px; padding-bottom:20px;}
#contenido ul ul li {padding-left:20px; background:url(../img/leyenda.gif); background-repeat:no-repeat; background-position:left; line-height:0.9em;}
#contenido ul ul li a {list-style:none;  font-weight:100;}

.titulin {position:relative; color:#04746d; font-weight:bold; margin:30px 0 0 0;}

.noRatlla {text-decoration:none!important;}