/*Clearfix*/
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix:before {
	*zoom: 1;   /*permite escalar el contenido*/
}

body {
	background-color: #fff;
        margin:auto;
	padding: 0%;
        padding-top: 0%;
	color:#787878; 
}

#boton1 {
    display: none;
}

#cabecera1 {
        margin: auto;
        height : 17px; 
	-webkit-box-shadow:5px 5px 5px #999;
	-moz-box-shadow:5px 5px 5px #999;
	box-shadow:5px 5px 5px #999;
  }

#cabecera22 {
    color: #fff;
    background-color : #0b2f75;
    height : 60px;
  }

.celda_tit {
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        }

#contenedor {
    width: 960px; /* quitar */
    margin: 0 auto;
    background-color : #fff;
    padding : 0px;
    text-align : left;
    z-index:1;
  }

#cuerpo {
    margin: auto;
    font-size: 14px;
    line-height : 24px;
    text-align:"center";
}

#cabecera {
    margin: auto;
    margin-top : 10px;
    height : 110px;
}

.itemParTabla{
    color : #000000;
}

.itemImparTabla{
    color : red;
}

.itemParTablab{
    background-color : #ccc;
}

.itemImparTablab{
    background-color : #f5f5f5;
}

.css_texte{
	color:#787878;
	font-size: 12px;
        font-family: Arial;
}

.titulo_nom{
	color: #0b2f75;
	font-size: 16px;
        font-family: Arial;
        font-weight: bold;
}

.tituloi{
	color:#000;
	font-size: 16px;
        font-family: Arial;
        font-weight: bold;
}

.titulos{
	color:#000;
	font-size: 20px;
        font-family: Arial;
        font-weight: bold;
}

.titulo{
	color: #333; /*#0b2f75;*/
	font-size: 16px;
        font-family: Arial;
        font-weight: bold;
}

.titulomes{
	color: #0b2f75;
	font-size: 12px;
        font-family: Arial;
        font-weight: bold;
}

.titulo_ini {
    color : #000; 
    font-size : 20px;
    font-weight : bold;
}
.titulo_sec {
    color : #000; 
    font-size : 16px;
    font-weight : bold;
}

.inici_nom {
    font-size : 12px;
    font-weight : bold;
  }
.inici_nom_subtit{
	color:#000;
	font-size: 16px;
        font-family: Arial;
        font-weight: bold;
}
#cab_izq{
float: left;
 margin: 0 auto 0 auto;
}
#cab_drcha{
float: left;
 margin: 0 auto 0 auto;
padding-left:5%;
padding-top:5%;
}

#izquierda {
 width:300px;
 margin: 0 auto 0 auto;
 padding-left:1%;
 padding-right:1%;
 float: left;
}

/*#izquierda h3{
	color:#000;
	padding:0;
}*/

#derecha {
 width:300px;
 margin: 0 auto 0 auto;
 padding-left:1%;
 padding-right:1%;
 float: left;
}

/*#derecha h3{
	color:#000;
	padding:0;
}*/

#medio {
 width:300px;
 margin: 0 auto 0 auto;
 padding-left:1%;
 padding-right:1%;
 float: left;
}

/*#medio h3{
	color:#000;
	padding:0;
}*/

#izquierda_con {
 width:300px;
 margin: 0 auto 0 auto;
 padding-left:1%;
 padding-right:1%;
 float: left;
}

#derecha_con {
 width:570px;
 margin: 0 auto 0 auto;
 padding-left:1%;
 padding-right:1%;
 float: left;
}

#mapa {
 width: 900px;
 height: 450px;
}

.limpiar{
	 clear:both;
	padding:0;
	margin:0;
}

#izquierda_ser {
 width:440px;
 margin: 0 auto 0 auto;
 padding-left:2%;
 padding-right:2%;
 float: left;
}

#derecha_ser {
 width:440px;
 margin: 0 auto 0 auto;
 padding-left:2%;
 padding-right:2%;
 float: left;
}

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

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

A.enlacepie, A.enlacecon:LINK,A.enlacecon:visited,A.enlacecon:FOCUS,A.enlacecon:HOVER,A.enlacecon:ACTIVE {
    text-decoration : none;
    color : #fff;
  }
a.enlacenews, a.enlacenews:LINK,a.enlacenews:visited,a.enlacenews:FOCUS,a.enlacenews:HOVER,a.enlacenews:ACTIVE {
    text-decoration : none;
    color : #343434;
  }

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

.col_img{
        float:left;
        padding-right:4%;
        padding-bottom:2%;
}
	
.descri{
        padding-right:2%;
        padding-left:2%;
}
/* select cabecera */

.drop_select {
    padding:4px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    9-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #c9c9c9, 0 -1px #fff inset; /*ccc fff*/
    background: #f8f8f8;
    color:#686868;
    font-size: 15px; /*16px - 1em*/
    font-family: Arial;
    font-weight: bold;
    border:none;
    outline:none;
    /*display: inline-block;*/
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

#col_izq{
 width:456px;
 margin: 0 auto 0 auto;
 float: left;
 padding-left:1%;
 padding-right:1%;
}
#col_drcha{
 float:left; 
 padding-left:1%;
 padding-right:1%;
 margin: 0 auto 0 auto;
 width:456px;
}
.titulog {
    color : #333;
    font-family : Verdana, Arial;
    font-size : 18px;
    font-style : normal;
    font-weight : bold;
  }

/* select cabecera */

/* Logo
====================================*/
#logo { margin-top: 15px; }

#logo a img {
	float: left;
	width: auto;
	height: auto;
}

#cabecera_menus
{
  -webkit-box-shadow:5px 5px 5px #999;
  -moz-box-shadow:5px 5px 5px #999;
  box-shadow:5px 5px 5px #999;
  opacity: 0.9;
  z-index:10000;
  position: relative; 
 /*
  z-index:10001;
  background: #0b2f75;
  text-shadow: 1px 1px 1px #fff;
  */
}

/* botones */
.button { /* clase general */
  border: 1px solid #dedede;
  border-radius: 3px;
  color: #555;
  display: inline-block;
  font: bold 14px/14px HelveticaNeue, Arial;
  padding: 8px 11px;
  text-decoration: none;
}

.button.white{
  background: #f5f5f5;
  /*border-color: #dedede #d8d8d8 #d3d3d3;*/
  border-color: #0b2f75;
  box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
  color: #0b2f75;
  text-shadow: 0 1px 0 #fff;
  background: -moz-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: -webkit-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: o-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: ms-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: linear-gradient(top,  #f9f9f9, #f0f0f0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
}

.button.white:hover{
    background: #f4f4f4;
    border-color: #c7c7c7 #c3c3c3 #bebebe;
    box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
    text-shadow: 0 1px 0 #fdfdfd;
    background: -moz-linear-gradient(top,  #efefef, #f8f8f8);
    background: -webkit-linear-gradient(top,  #efefef, #f8f8f8);
    background: -o-linear-gradient(top,  #efefef, #f8f8f8);
    background: -ms-linear-gradient(top,  #efefef, #f8f8f8);
    background: linear-gradient(top,  #efefef, #f8f8f8);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8');
}
/* botones */

/* imputs */
.cajaGrande {
    background-color:#fff;
    font:10pt verdana,arial;
    color:#000;
    width:350px;
    height:18pt;
    border-color: #0b2f75;
    border-style :solid;
    border-width :1px;
    border-radius: 4px;
    text-transform:uppercase;
  }

.cajaGrande_ro {
    background-color:#fff;
    font:10pt verdana,arial;
    color:#000;
    width:350px;
    height:18pt;
    border-color: #0b2f75;
    border-style :solid;
    border-width :1px;
    border-radius: 4px;
    text-transform:uppercase;
    background-color: #d7d7d7;
  }

.cajaGrande_sin {
    background-color:#fff;
    font:10pt verdana,arial;
    color:#000;
    width:350px;
    height:18pt;
    border-color: #0b2f75;
    border-style :solid;
    border-width :1px;
    border-radius: 4px;
  }

.cajaPequena {
    background-color:#fff;
    font:10pt verdana,arial;
    color:#000;
    width:75px;
    border-color: #0b2f75;
    border-style :solid;
    border-width :1px;
    height:18pt;
    border-radius: 4px;
    text-transform:uppercase;
  }

.cajaPequena_ro {
    background-color:#fff;
    font:10pt verdana,arial;
    color:#000;
    width:75px;
    border-color: #0b2f75;
    border-style :solid;
    border-width :1px;
    height:18pt;
    border-radius: 4px;
    text-transform:uppercase;
    background-color: #d7d7d7;
  }

.cajaMedia {
    background-color:#fff;
    font:10pt verdana,arial;
    color:#000;
    width:200px;
    border-color: #0b2f75;
    border-style :solid;
    border-width :1px;
    border-radius: 4px;
    height:18pt;
    text-transform:uppercase;
  }

.cajaMedia_ro {
    background-color:#fff;
    font:10pt verdana,arial;
    color:#000;
    width:200px;
    border-color: #0b2f75;
    border-style :solid;
    border-width :1px;
    border-radius: 4px;
    height:18pt;
    text-transform:uppercase;
    background-color: #d7d7d7;
  }

.cajaMedia_sin {
    background-color:#fff;
    font:10pt verdana,arial;
    color:#000;
    width:200px;
    border-color: #0b2f75;
    border-style :solid;
    border-width :1px;
    border-radius: 4px;
    height:18pt;
  }

.cajaGrandeExtra {
    background-color:#fff;
    font:10pt verdana,arial;
    color:#000;
    width:600px;
    border-color: #0b2f75;
    border-style :solid;
    border-width :1px;
    border-radius: 4px;
    height:18pt;
    text-transform:uppercase;
  }

.cajaMasGrande {
    background-color:#fff;
    font:10pt verdana;
    color:#000;
    width:300px;
    border-color: #0b2f75;
    border-style :solid;
    border-width :1px;
    height:18pt;
    border-radius: 4px;
    text-transform:uppercase;
  }


.comboPequeno {
    background-color:#fff;
    font:10pt verdana;
    color:#000;
    width:75px;
    border-color: #0b2f75;
    border-style :solid;
    border-width :1px;
    height:18pt;
  }


.comboMedio {
    background-color:#fff;
    font:10pt verdana;
    color:#000;
    width:150px;
    border-color: #0b2f75;
    border-style :solid;
    border-width :1px;
    height:18pt;
  }


.header {
    background-color : #0b2f75;
    color : #fff;
    font-weight : bold;
    height : 20px;
    text-align : center;
    text-transform : uppercase;
    vertical-align : middle;
  }

.fuente9 {
    font:10pt verdana,arial;
  }

/* imputs */

/* button sin serlo */
.button.nose{
  background: #f5f5f5;
  /*border-color: #0b2f75;*/
  box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
  color: #0b2f75;
  text-shadow: 0 1px 0 #fff;
  background: -moz-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: -webkit-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: o-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: ms-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: linear-gradient(top,  #f9f9f9, #f0f0f0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
}

.button.nose:hover{
    background: #f4f4f4;
    /*border-color: #c7c7c7 #c3c3c3 #bebebe;*/
    box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
    text-shadow: 0 1px 0 #fdfdfd;
    background: -moz-linear-gradient(top,  #efefef, #f8f8f8);
    background: -webkit-linear-gradient(top,  #efefef, #f8f8f8);
    background: -o-linear-gradient(top,  #efefef, #f8f8f8);
    background: -ms-linear-gradient(top,  #efefef, #f8f8f8);
    background: linear-gradient(top,  #efefef, #f8f8f8);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8');
}
/* button sin serlo */

/* button numeros albaran */
.button.albaran{
  background: #f5f5f5;
  /*border-color: #0b2f75;*/
  /*box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;*/
  /*color: #0b2f75;*/
  color: #787878;
  text-shadow: 0 1px 0 #fff;
  background: -moz-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: -webkit-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: o-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: ms-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: linear-gradient(top,  #f9f9f9, #f0f0f0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
}

.button.albaran:hover{
    background: #f4f4f4;
    /*border-color: #c7c7c7 #c3c3c3 #bebebe;*/
    box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
    text-shadow: 0 1px 0 #fdfdfd;
    background: -moz-linear-gradient(top,  #efefef, #f8f8f8);
    background: -webkit-linear-gradient(top,  #efefef, #f8f8f8);
    background: -o-linear-gradient(top,  #efefef, #f8f8f8);
    background: -ms-linear-gradient(top,  #efefef, #f8f8f8);
    background: linear-gradient(top,  #efefef, #f8f8f8);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8');
}
/* button numeros albaran */

.titol_seg {

	font:12pt verdana;	
	font-weight:bold; 
	text-align:center;
}

.titold {
    font: bold 14px/14px HelveticaNeue, Arial;
  }

.dadesc {font-family:Arial; font-size:small; text-align:center;}
.dadesd {font-family:Arial; font-size:small; text-align:right;}
.dadese {font-family:Arial; font-size:small; text-align:left;}
.dadescs {font-family:Arial; font-size:small; text-align:center;}
.dadesds {font-family:Arial; font-size:small; text-align:right;}
.dadeses {font-family:Arial; font-size:small; text-align:left;}
.dadescsb {font-family:Arial; font-size:small; text-align:center; background-color: #0b2f75; color:#fff;}
.dadesdsb {font-family:Arial; font-size:small; text-align:right;background-color: #0b2f75; color:#fff;}
.dadesesb {font-family:Arial; font-size:small; text-align:left;background-color: #0b2f75; color:#fff;}
.liniag {border-style: solid; border-color: black; border-width: 2px;}

/*Media Queries*/
@media all and (max-width: 600px) {
	body {
		padding-top: 0px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
	}
	#contenedor {
	  width:100%;
	}
	#mapa {
	 width: 550px;
	 height: 300px;
	}

	#col_izq{
	 width:300px;
	 margin: 0 auto 0 auto;
	 float: left;
	 padding-left:1%;
	 padding-right:1%;
	}
	#col_drcha{
	 width:300px;
	 margin: 0 auto 0 auto;
	 float: left;
	 padding-left:1%;
	 padding-right:1%;
	}

	#derecha_con {
	 width:300px;
	 margin: 0 auto 0 auto;
	 padding-left:1%;
	 padding-right:1%;
	 float: left;
	}
	#cab_izq{
	float: left;
	 margin: 0 auto 0 auto;
	 width:100%;
	}
}

@media all and (max-width: 480px) {
	body {
		padding-top: 0px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
	}
	#contenedor {
	  width:100%;
	}
	#mapa {
	 width: 450px;
	 height: 300px;
	}

	#derecha_con {
	 width:480px;
	 margin: 0 auto 0 auto;
	 padding-left:1%;
	 padding-right:1%;
	 float: left;
	}
}


@media all and (max-width: 320px) {
	body {
		padding-top: 0px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:0px;
	}
	#contenedor {
	  width:100%;
	}
	
	#mapa {
	 width: 300px;
	 height: 300px;
	}

	#col_izq{
	 width:300px;
	 margin: 0 auto 0 auto;
	 float: left;
	 padding-left:1%;
	 padding-right:1%;
	}
	#col_drcha{
	 width:300px;
	 margin: 0 auto 0 auto;
	 float: left;
	 padding-left:1%;
	 padding-right:1%;
	}

	#derecha_con {
	 width:320px;
	 margin: 0 auto 0 auto;
	 padding-left:1%;
	 padding-right:1%;
	 float: left;
	}	
}