@charset "utf-8";
/* ++++++++++++ ESTILOS CSS PARA PROTOTEC ++++++++++++ */
/* +++++++++++++++++ web prototec.es +++++++++++++++++ */
/* +++++++++++++++++ by faccendo.net +++++++++++++++++ */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - -
Título: PROTOTEC. DESARROLLOS TECNOLóGICOS
Autor: FACCENDO. ESTRATEGIAS CULTURALES. áLVARO ROMERO
URL: www.prototec.es

Creado: febrero-2010
Modificado: 
- - - - - - - - - - - - - - - - - - - - - - - - - - -  */


/* ----------------------- CSS ----------------------- */

*{
}

body{
	behavior: url(csshover.htc);
	padding: 20px 0px 0px 0px;
	background-image: url(../graf/f8.jpg);
	background-attachment: scroll;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


/* ----------------------- ENCABEZADOS ----------------------- */

h1{
font:;
font-size:;
font-weight:;
color:;
margin:;
padding:;
}

h2{
font-size: 2.6em;
font-weight: bold;
color: #609dbb;
margin: 10px 4px 0px 5px;
text-align:left;
padding: 0 auto;
}

h3{
font-size:1em;
font-weight: bolder;
color: #939;
margin: 5px 0px 0px;
text-align:left;
padding: 0px 0px 0px 5px;
}

h4{
font-size:1em;
font-weight: bolder;
color: #939;
margin: 3px 0px 0px ;
text-align:left;
padding: 0px 0px 0px Opx;
text-transform:uppercase;
}


/* ----------------------- PARRAFOS ----------------------- */

#contenidoprimario p{
}
#contenidosecundario p{
}


/* ----------------------- LINKS ----------------------- */

a{
font:;
color:;
text-decoration:;
border-bottom:;
}
a:hover{
color:;
background-color:;
border-bottom:;
}
a:visited, a:active, a:focus{
color:;
background-color:;
border-bottom:;
}
a:visited{
color:;
background-color:;
border-bottom:;
}
a:active{
color:;
background-color:;
border-bottom:;
}
a:focus{
color:;
background-color:;
border-bottom:;
}


/* ----------------------- ETIQUETAS DIV ---------------------- */
/* - CABECERA - */
#contenedortop{
width: 90%;
height:350px;
position: relative;
padding:0;
background: #FFF;
text-align:left;
margin: 0 auto;
border: solid 1px  #999;
}

#flash{
position: absolute;
float:left;

}
#menulateral {
position: relative;
float:right;
padding: 5px;
}
	ul#navmenulateral {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	ul#navmenulateral li a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	color:#690;
	padding: 4px 4px 8px 4px;
	background:#f9f9f9;
	}
	ul#navmenulateral li a:hover{
	background: #CCC;
	color:#fff;
	}
	ul#navmenulateral li {
	float: left;
	position: relative;
	width: 80px;
	color: #690;
	text-align: center;
	margin-right: 3px;
	border:1px solid #ccc;
	
	}
	ul#navmenulateral li.current a{
	background:#ddd;
	}
	ul#navmenulateral li.current a:hover{
	background:#888;
	}
	li ul {
	display: none;
	position: absolute;
	width:100px;
	top: 0;
	left: 0;
	font-weight: normal;
	padding: 1px 0 10px 0;
	margin-left:-1px;
	}
	ul#navmenulateral li ul.sub li{
	font-size:13px;
	border-width:0 1px 1px 1px!important;
	}
	ul#navmenulateral li ul.sub li a{
	font-weight: normal!important;	
	}
	li>ul {
	top: auto;
	left: auto;
	}
	li:hover ul, li.over ul {
	display: block;
	}

/* - MENU - */
#contenedormenu{
width: 90%;
height:26px;
position: relative;
float:;
margin: 0 auto;
margin-top: 0px;
padding:;
background:;
text-align: center;
}
	#contenedormenu ul {
	font-size:100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	#contenedormenu li {
	display: inline;
	}
	#contenedormenu a {
	float: left;
	height: 20px;
	padding: 5px 25px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: smaller;
	font-weight: bold;
	color: #690;
	}
	#contenedormenu a:hover {
	background: #EDFBD2;
	color: #96C;
	}
	#contenedormenu .current_page_item a {
	background: #949684;
	color: #FFF;
	}

/* - CAJA CENTRAL - */
#contenedorcentro{
width: 90%;
height:350px;
background: #FFF url(../graf/humo-abajo3.jpg) no-repeat top left;
position:relative;
text-align: left;
margin: auto;
border-top: solid 1px  #999;
border-bottom: solid 1px  #999;
}
	#portada01 {
	background:url(../graf/barra.jpg) no-repeat left top;
	position:relative;
	float:left;
	width:220px;
	height: 300px;
	background-color:#FFF;
	padding:5px 5px 5px 10px;
	margin: 0px 0px 0px 10px;
	z-index: 1;
	}
	#interiorportada {
	color:#000;
	}
	#interiorportada p{
	padding-top:6px;
	}
	#interiorportada .titulo{
	color: #036;
	font-weight:bold;
	}
	#portada02 {
	background:url(../graf/barra.jpg) no-repeat left top;
	position:relative;
	float:left;
	width:400px;
	height: 300px;
	background-color:#FFF;
	padding:5px 5px 5px 10px;
	margin: 0px 0px 0px 10px;
	z-index: 1;
	}
	
	#logosapoyos {
	background:url(../graf/barra.jpg) no-repeat left top;
	position:relative;
	float:left;
	width:210px;
	height: 300px;
	background-color:#FFF;
	padding:5px 5px 0px 10px;
	margin: 0px 0px 0px 10px;
	z-index: 1;
	}
	#interiorlogosapoyos {
	color:#000;
	padding: 5px 0px 5px 5px;
	}
	#interiorlogosapoyos .titulo{
	color: #036;
	font-weight:bold;
	}

/* - PIE DE PAGINA - */
#piedepagina{
width: 90%;
position:relative;
height:55px;
padding:;
clear:;
margin: 0 auto;
margin-top: 10px;
border: solid 1px  #999;
background: #FFF;
}
	#logos {
	float:left;
	width: 450px;
	padding: 10px 0px 5px 20px;
	}
	.redinventa a {background:url(../graf/red_inventa_1.jpg) no-repeat; 
	width: 76px;
	height: 40px;
	margin: 0;
	padding: 0;
	display: block; 
	}
	.redinventa a:hover {background:url(../graf/red_inventa_2.jpg) no-repeat; 
	width: 76px;
	height: 40px;
	margin: 0;
	padding: 0;
	display: block;
	}
	.addlab a {background:url(../graf/add_lab1.jpg) no-repeat; 
	width: 127px;
	height: 30px;
	margin: 0;
	padding: 0;
	display: block; 
	}
	.addlab a:hover {background:url(../graf/add_lab2.jpg) no-repeat; 
	width: 127px;
	height: 30px;
	margin: 0;
	padding: 0;
	display: block;
	}
	.quicksens a {background:url(../graf/quicksens.png) no-repeat; 
	width: 134px;
	height: 40px;
	margin: 0;
	padding: 0;
	display: block;
	text-align:center;
	}
	.quicksens a:hover {background:url(../graf/quicksens.png) no-repeat; 
	width: 134px;
	height: 40px;
	margin: 0;
	padding: 0;
	display: block;
	text-align:center;
	}
	#creditos {
	float:right;
	height:50px;
	vertical-align:middle;
	padding:5px;
	font-size:0.8em;
	color:#13354F;
	}
	#creditos a {
	color:#13354F;
	text-decoration:none;
	}
	#creditos a:hover {
	color:#636;
	text-decoration:none;
	}
	#logoproto {
	float:right;
	}
	

/* ----------------------- CLASES ----------------------- */
.hide{
/* display:none; */
}
.show{
/* display:block; */
}

.trans {filter:alpha(opacity=80);opacity:.80}
.trans2 {filter:alpha(opacity=65);opacity:.65}
.faccendo {font-size:0.8em;color:#669900;font-weight:800}
div.spacer {
  clear: both;
  }

/* ----- IMAGENES ----- */
img{
border:0;
}
img a{
border:;
text-decoration:;
}
img a:hover{
border:;
}
img.valign {
   height: 100%;
   vertical-align:middle;
   width: 0px;
}

#contacto  {
float:left;
margin:360px 0px 0px 20px;
background:#FFF;
padding: 0px 5px 0px 10px;
color:#036;
}

#contacto a {
font-weight: 600;
text-decoration:none;
color:#036;
margin: 0px;

}