body {
    background-color : #fff;
    color : #000;
    font-family : 'Verdana', 'Arial', 'Times New Roman';
    font-size : 11pt;
    margin-bottom : auto;
    margin-left : auto;
    margin-right : auto;
    margin-top : auto;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
  }

#contenedor {
    background-color : #fff;
    margin-bottom : auto;
    margin-left : auto;
    margin-right : auto;
    margin-top : auto;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    text-align : left;
    z-index:1;
  }

#cabecera1 {
	margin: auto;
    	background-image : url('../imagenes/barra.jpg');
	background-position : top left;
        background-repeat : repeat-x;
 	/*background-color : #e22c2b; *//*rojo*/
 	/*background-color : #241e20;*/  /*negro */
	/*opacity: 0.9;*/
        height : 16px; /*16px */
  }

#linea {
 	background-color : #e22c2b; 
	opacity: 0.9;
        height : 6px;
  }
#cabecera2 {
    /*background-color : #e50000;
	opacity: 0.9;*/
    height : 130px;
  }
#cabecera12 {
    height : 18px;
  }


#cabecera21 {
    margin-bottom : auto;
    margin-left : auto;
    margin-right : auto;
    margin-top : 10px;
    background-color : #e50000;
    height : 190px;
    width: 980px;
    /* Rounded Corners */-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    /* Borders */border: 1px solid #e50000;
    -moz-box-shadow:inset 0px 0px 2px #999;
    -webkit-box-shadow:inset 0px 0px 2px #999;
    box-shadow:inset 0px 0px 2px #999;
  }


#cabecera22 {
    background-color : #343434; 
    opacity: 0.9;
    height : 60px;
  }


#cabecera3 {
    background-color : #fff;
    height : 100px;
    padding-bottom : 5px;
    padding-top : 5px;
  }


#cabecera4 {
    position: relative;
    /*margin-left : 10%;
    */ height : 46px;
    z-index:3000;
  }

#cabecera5 {
	position: relative;
    	height : 43px;
	background-color : #4b4748;
	color: #fff;
	opacity: 0.9;
	-webkit-box-shadow:5px 5px 5px #999;
    	-moz-box-shadow:5px 5px 5px #999;
    	box-shadow:5px 5px 5px #999;	
        /*padding-left : 20%;*/
	padding-top: 1px;
	padding-bottom: 1px;
	z-index:10000;
  }

#cuerpo {
    background-color : #ffffff;
    margin-bottom : auto;
    margin-left : auto;
    margin-right : auto;
    margin-top : auto;
    padding-bottom : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    width:940px;
  }


#pie {
    background-color : #f5f5f5;
    margin-bottom : auto;
    margin-left : auto;
    margin-right : auto;
    margin-top : auto;
    color : #000;
    height : 70px;
    padding-top : 6px;
    width:940px;
  }


.inici_nom {
    color : #000000;
    font-size : 14px;
    font-weight : bold;
  }


.espacio_ver {
    height : 10px;
  }


.titulo_ini {
    color : #000; /* #b8b8b8;*/ /*#e22c2b;*/ /*rojo*/
    font-size : 20px;
    font-weight : bold;
  }


.titulo {
    color : #000;
    font-family : Verdana, Arial;
    font-size : 14px;
    font-style : normal;
    font-weight : bold;
  }

.titulog {
    color : #333;
    font-family : Verdana, Arial;
    font-size : 18px;
    font-style : normal;
    font-weight : bold;
  }

.col_not {
    font-size: 14px;
    color: #343434;
    font-weight : normal;
    line-height : 24px;
  }

.col_img{
	float:left; 
	padding-right:4%;
	padding-bottom:2%;
}


div#box {
    margin-left : 5px;
    margin-right : 5px;
    padding-bottom : 1px;
    padding-top : 1px;
  }


div#izq {
    /*background-color : #ffffff;
    */ border-color : #ed424a;
    /*#ccc;
    #d6d6d6;
    #ed424a;
    */ border-style : solid;
    border-width : 2px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 2px;
    padding-bottom : 2px;
  }


div#drcha {
    background-color : #ed424a;
    /*#d6d6d6;
    */ padding : 1px;
  }


.subtitulo {
    color : #000000;
    font-size : 12px;
  }


.fila {
    background-color : #ffffff;
    /*border-color : #000000;
    border-style : solid;
    border-width : 1;
    */;
  }


A.enlacecon, A.enlacecon:LINK,A.enlacecon:visited,A.enlacecon:FOCUS,A.enlacecon:HOVER,A.enlacecon:ACTIVE {
    text-decoration : none;
    color : #000000;
  }


#loc_izq {
    padding-left : 30px;
    width : 45%;
  }


#loc_drcha {
    padding-left : 30px;
    width : 55%;
  }


A.enlacemail, A.enlacemail:LINK,A.enlacemail:visited,A.enlacemail:FOCUS,A.enlacemail:HOVER,A.enlacemail:ACTIVE {
    text-decoration : none;
    color : #000000;
  }


.ventana_aviso {
    /*padding-left : 10px;
    */ padding-left : 60px;
    padding-right : 60px;
    padding-top : 20px;
  }


.titulo_pro {
    color : #5e1135;
    font-weight : bold;
  }


A.enlacenav, A.enlacenav:LINK,A.enlacenav:visited,A.enlacenav:FOCUS,A.enlacenav:HOVER,A.enlacenav:ACTIVE {
    text-decoration : none;
    color : #000000;
  }


.inici_td_img {
    padding-bottom : 2px;
    padding-left : 90px;
    padding-right : 2px;
    padding-top : 2px;
    width : 50%;
  }


.inici_td_img1 {
    padding-bottom : 5px;
    padding-left : 40px;
    padding-right : 20px;
    padding-top : 5px;
    width : 40%;
  }


.inici_td_texto {
    font-size : 12px;
    line-height : 23px;
    padding-bottom : 5px;
    padding-left : 20px;
    padding-right : 20px;
    padding-top : 5px;
    width : 60%;
  }


.titulo_inicio {
    color : #000;
    font-weight : bold;
    font-size: 14px;
  }


.titulo_pie {
    color : #000;
    /*#de2921;
    */ font-size : 12px;
    font-weight : bold;
  }


.titulo_pro_tit {
    color : #5e1135;
    font-size : 16px;
    font-weight : bold;
    padding-left : 23px;
  }


A.enlacepro_tit, A.enlacepro_tit:LINK,A.enlacepro_tit:visited,A.enlacepro_tit:FOCUS,A.enlacepro_tit:HOVER,A.enlacepro_tit:ACTIVE {
    text-decoration : none;
    color : #001e4a;
  }


.fila_titulo {
    background-color : #f8edf2;
    height : 30px;
  }


.inici_td_img2 {
    padding-bottom : 5px;
    padding-left : 20px;
    padding-right : 20px;
    padding-top : 5px;
    width : 40%;
  }


.inici_td_texto2 {
    font-size : 12px;
    line-height : 23px;
    padding-bottom : 5px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 5px;
    width : 60%;
  }


#tabla1 {
    width : 300px;
  }


#cabtab1 {
    background-color : #317db1;
    color : #ffffff;
    font-weight : bold;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 5px;
  }


#cuerpotab1 {
    /*padding: 1px 1px 1px 1px;
    */ background-color: #fff;
  }


#img_navi {
    background-color : #317db1;
    color : #ffffff;
    font-size : 14px;
    font-weight : bold;
    padding-bottom : 5px;
    padding-left : 5px;
    padding-top : 5px;
    margin-left : 2%;
    margin-right : 2%;
    width: 92%;
  }


.class_texte_email {
    color : #000;
    font-size : 14px;
    font-weight : bold;
  }


.cempresa {
    font-size : 14px;
    line-height : 23px;
    padding-left : 20px;
    padding-right : 50px;
    width : 90%;
  }


.enlacefila {
    padding : 1px;
  }


A.enlacefila, A.enlacefila:LINK,A.enlacefila:visited {
    color : #000000;
    text-decoration : none;
  }


A.enlacefila:FOCUS,A.enlacefila:HOVER,A.enlacefila:ACTIVE {
    color : #000000;
    text-decoration : none;
  }


#tablaemb {
    width : 240px;
  }


#cabtabemb {
    background-color : #317db1;
    color : #ffffff;
    font-weight : bold;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 5px;
  }


#cuerpotabemb {
    /*padding: 1px 1px 1px 1px;
    */ background-color: #fff;
  }


.enlacenom {
    padding : 1px;
  }


A.enlacenom, A.enlacenom:LINK,A.enlacenom:visited {
    color : #fff;
    text-decoration : none;
  }


A.enlacenom:FOCUS,A.enlacenom:HOVER,A.enlacenom:ACTIVE {
    color : #fff;
    text-decoration : none;
  }


#img_embar {
    background-color : #317db1;
    color : #ffffff;
    font-size : 14px;
    font-weight : bold;
    padding-bottom : 5px;
    padding-left : 5px;
    padding-top : 5px;
    margin-left : 2%;
    margin-right : 2%;
    width: 100%;
  }


#tablaprin {
    width : 250px;
  }


#cabtabprin {
    background-color : #000;
    /*#999;
    */ color : #ffffff;
    font-weight : bold;
    padding : 10px;
    /* redondo*/ /*para Firefox*//*-moz-border-radius: 9px 9px 0px 0px;
    */ /*para Safari y Chrome*//*-webkit-border-radius: 9px 9px 0px 0px;
    */ /* para Opera *//*border-radius: 9px 9px 0px 0px;
    */ /* redondo*/;
  }


#cuerpotabprin {
    background-color : #fff;
    border-color : #eaeaea;
    border-style : solid;
    border-width : 1px;
  }


.enlacebar {
    padding : 1px;
  }


A.enlacebar, A.enlacebar:LINK,A.enlacenom:visited {
    color : #fff;
    text-decoration : none;
  }


A.enlacebar:FOCUS,A.enlacebar:HOVER,A.enlacenom:ACTIVE {
    color : #fff;
    text-decoration : none;
  }


A.enlacepdf, A.enlacepdf:LINK,A.enlacepdf:visited {
    color : #317db1;
    text-decoration : none;
  }


A.enlacepdf:FOCUS,A.enlacepdf:HOVER,A.enlacepdf:ACTIVE {
    color : #317db1;
    text-decoration : none;
  }


#tablanoti {
    padding-left : 10px;
    width : 210px;
  }


#cabtabnoti {
    background-color : #317db1;
    color : #ffffff;
    font-weight : bold;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    padding-top : 5px;
  }


#cuerpotabnoti {
    background-color : #fff;
    padding-bottom : 2px;
    padding-left : 4px;
    padding-right : 4px;
    padding-top : 2px;
  }


.enlacemnot {
    padding : 1px;
  }


A.enlacenot, A.enlacenot:LINK,A.enlacenot:visited {
    color : #000;
    text-decoration : none;
  }


A.enlacenot:FOCUS,A.enlacenot:HOVER,A.enlacenot:ACTIVE {
    color : #000;
    text-decoration : none;
  }


.plantilla_libro {
    -webkit-box-shadow:5px 5px 5px #999;
    -moz-box-shadow:5px 5px 5px #999;
    box-shadow:5px 5px 5px #999;
    color: #888;
  }


#cabtabllibres {
    background-color : #e22c2b; /*646464*/
    opacity: 0.9;
    color : #ffffff;
    font-weight : bold;
    font-size : 16px;
    padding : 9px;
     height: 16px;
    /* redondo*/ /*para Firefox*/-moz-border-radius: 9px 9px 0px 0px;
    /*para Safari y Chrome*/-webkit-border-radius: 9px 9px 0px 0px;
    /* para Opera */border-radius: 9px 9px 0px 0px;
    /* redondo*/;
  }


.button {
    background-color: #fff;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 4px;
    text-align: center;
    /*para Firefox*/-moz-border-radius: 9px;
    /*para Safari y Chrome*/-webkit-border-radius: 9px;
    /* para Opera */border-radius: 9px;
  }


.button:hover {
    text-decoration: none;
  }

.tablas {
	border-color : #DADADA; 
	border-style : solid; 
	border-width : 1px;
  }

.textov {
    color : #e50000;
    font-size : 18px;
    font-weight : bold;
  }


.textotit {
    color : #000;
    font-size : 16px;
    font-weight : bold;
    text-decoration: none; 
    color: #e50000;
  }

.textopreu {
    color : #e50000;
    font-size : 18px;
    font-weight : bold;
    padding-left: 10px;
    line-height : 22px;
  }

.link{
	border-radius: 30px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 8px solid rgba(255,255,255,0.8);
	padding-bottom : 2px;
    	padding-left : 14px;
    	padding-right : 14px;
    	padding-top : 2px;
	width: 87px;
	text-align: center;
	background: rgba(255,255,255,0.2);
}

.alink{
	font-size: 15px;
	color: #000;
	text-decoration: none;
}

.celda_pie_img {
	width: 188px;
	padding-top: 10px;	
 }
.celda_pie_tit {
	width: 170px;		
	color: #e1e1e1;
 }
 .celda_tit {
	font-size: 14px;
	font-weight: bold;
	}
.celda_sub {
	font-size: 12px;
	}
	
.centrart {
	width: 920px;
	font-size: 16px;
	color: #343434;
	line-height: 24px;
	}
.textorojo {
	color: #e50000;
	font-weight: bold;
	}
	
.textogris{
		color: #343434;
		font-weight: bold;
		text-decoration: none;
	}
.colorhr{
	border-top-color: #d9d9d9;
	border-top-style: solid;
	border-top-width: 1px;
}
.centrartr {
	width: 920px;
	font-size: 14px;
	color: #343434;
	line-height: 24px;
	}
.textorojoa {
	color: #e50000;
	font-weight: bold;
	font-size: 16px;
	}
.centrarta {
	width: 900px;
	font-size: 14px;
	color: #343434;
	line-height: 24px;
	}
.texto_llibres{
		color: #343434;
		font-weight: bold;
		font-size: 26px;
	}
.linea_llibres{
	/*line-height: 28px;*/
	}
.texto_datos{
		color: #939393;
		font-size: 12px;
	}
.texto_ressenya{
		color: #343434;
		font-size: 12px;
	}
.texto_preu{
		color: #e50000;
		font-size: 22px;
	}
.colorhrc{
	border-top-color: #d9d9d9;
	border-top-style: solid;
	border-top-width: 1px;
}

.tablasc {
	border-color : #DADADA; 
	border-style : solid; 
	border-width : 1px;
	padding-left: 10%;
	padding-right: 10%;
  }
  
 .cajaPequena4 {
    background-color:#fff;
    font:9pt verdana;
    color:#000;
    width:20px;
    border-color:#939393;
    border-style :solid;
    border-width :1px;
    height:15pt;
  }
  
  .cajaMedia {
    background-color:#fff;
    font:14pt verdana;
    color:#e50000;
    width:100px;
    border-color:#fff;
    border-style :solid;
    border-width :1px;
    height:15pt;
    text-align: right;
  }
  
  .comboMedio {
    background-color:#fff;
    font:9pt verdana;
    color:#000;
    width:150px;
    border-color:#696969;
    border-style :solid;
    border-width :1px;
    height:15pt;
  }
  
 .enlacecis {
    padding : 1px;
    font: 12pt verdana;
    font-weight: bold;
  }


A.enlacecis, A.enlacecis:LINK,A.enlacecis:visited {
    color : #000000;
    text-decoration : none;
  }


A.enlacecis:FOCUS,A.enlacecis:HOVER,A.enlacecis:ACTIVE {
    color : #000000;
    text-decoration : none;
  }
  
 .texto_datos{
                color: #939393;
                font-size: 14px;
        }
        
.texto_ressenya{
                color: #343434;
                font-size: 12px;
        }
        
.texto_preu{
                color: #e50000;
                font-size: 22px;
        }
        
.texto_datos_nov{
                color: #939393;
                font-size: 12px;
        }
.coneix4 {
    padding-left : 50px;
    padding-right : 15px;
  }
.coneix3 {
    padding-left : 10px;
    padding-right : 10px;
  }
.col_desc {
    font-size: 14px;
    color: #343434;
    font-weight : normal;
    line-height : 24px;
  }

#tablaemb {
    width : 230px;
    -webkit-box-shadow:5px 5px 5px #999;
    -moz-box-shadow:5px 5px 5px #999;
    box-shadow:5px 5px 5px #999;
    color: #888;
  }


#cabtabemb {
    background-color : #5e1135;
    color : #ffffff;
    font-weight : bold;
    padding : 8px;
    /* redondo*/ /*para Firefox*/-moz-border-radius: 9px 9px 0px 0px;
    /*para Safari y Chrome*/-webkit-border-radius: 9px 9px 0px 0px;
    /* para Opera */border-radius: 9px 9px 0px 0px;
    /* redondo*/;
  }


#cuerpotabemb {
    /*padding: 1px 1px 1px 1px;
    */ background-color: #fff;
    border: 1px solid #999;
  }

/* WEB MOVIL */

#izquierda {
 width:320px;
 margin: 0 auto 0 auto;
 background-color: #ffCD68;
 float: left;
}
#derecha {
 width:320px;
 margin: 0 auto 0 auto;
 background-color: #B4ff68;
 float: right;
}
#izquierda_con {
 width:470px;
 margin: 0 auto 0 auto;
 background-color: #ffCD68;
 float: left;
}
#derecha_con {
 width:470px;
 margin: 0 auto 0 auto;
 background-color: #B4ff68;
 float: right;
}

/* Clearfix */
.clear:before, .clear:after {
    content: " ";
    display: table;
}
 
.clear:after {
    clear: both;
}
 
.clear {
    *zoom: 1;
}
 
a#pull {
    display: none;
} 

/* para la web */
nav {
    height: 40px;
    width: 100%;
    background: #666;
    position: relative;
    border-bottom: solid 1px #DDD;
}
 
nav ul {
    padding: 0;
    margin: 0 auto;
    width: 600px;
    height: 40px;
}
 
nav li {
    display: inline;
    float: left;
}
 
nav a {
    color: #FFF;
    display: inline-block;
    width: 100px;
    text-align: center;
    line-height: 40px;
}
 
nav li a {
    border-right: 1px solid #576979;
}
 
nav li:last-child a {
    border-right: 0;
}
 
nav a:hover, nav a:active {
    background-color: #333;
}
/* para la web*/
/*para el movil*/
@media only screen and (max-width : 500px) {
    nav {
        border-bottom: 0;
        height: auto;
    }
 
    nav ul {
        display: none;
        height: auto;
        width: 100%;
    }
 
    nav li {
        width: 50%;
        float: left;
        position: relative;
    }
 
    nav a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
    }
 
    nav a#pull {
        display: block;
        background-color: #666;
        width: 100%;
        position: relative;
    }
 
    nav a#pull:after {
        content:"";
        background: url('../imagenes/nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
}

/* para el movil */