/* Diseñado realizado por nexo3w: www.nexo3w.com para Intra Gestion Empresas S.L. */ 
	/* Se pueden utilizar los elementos de css, pero el diseño de esta hoja de estilo es propiedad de nexo3w. */ 
	
	
/*  Typography */
	
	
p	{line-height: 1.32em;
	text-align: left;
	margin-top: 0;
	}
		
 	
/*  Parámetros generales */
/* Primero está el body */
body	{
	background: #ccc;
	color: #333;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: right;
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
		}
/* Dentro del body, estan las distintas divisiones, la primera de todas es el bordeado, dentro esta cajetin, le sigue cuerpo, y dentro de cuerpo estan encabezado y contenedor*/	
		
		
#bordeado {background: #fff url("imagenes_generales/sombra.gif") repeat-y; 
width: 740px;
padding-left: 9px;
text-align: right;}
	
#cajetin	{
	background: #fff ;/**/
	color: #333;
	margin: 0px auto;/* Para separa el recuadro del  borde del navegador: 10px*/
	padding: 0;
	border-top: #c30 4px solid;
	text-align: right;
	width: 740px !important; /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 740px !important;	
									}

	
#cuerpo	{
	background: #fff;/**/
	color: #333;
	padding: 0;
	margin: 0px auto;/* Para separa el recuadro del  borde del navegador: 10px*/
	border: none;
	text-align: right;
	width: 740px !important; /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 740px !important;
					} 
	
				

/* Dentro de encabezado estan las divisiones logo y contactar */
#encabezado	{
	background: #fff !important;/* */
	width: 444px !important;
	height: 118px;
	color: #c30;
	border: none;
	font-weight: bold;
	font-size: small;
	margin: 0;
	padding: 0;
	margin-top: 22px;
	text-align: center;
	} 	
	
#encabezado a	{
		border: none;
		}
		
#encabezado img	{
	margin: 0;
	padding: 0;
	border: none;
		}

#logo {	background: #fff url("imagenes_cabecera/logo.gif") no-repeat !important;/* ; si lo ponemos con esto se va todo el fondo blanco*/
width: 444px !important;
height: 118px;
border: none;
margin-top: 0px;
margin-left: 51px;}

#logo a	{
		border: none;
		}
		
		
#contactar {/* */
float: right;
background: #fff url("imagenes_cabecera/contactar.gif") no-repeat !important;
width: 76px;
height: 23px;
padding-right: 138px;
color: #c30;
font-size: 12px;
font-style: regular;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
}
	
#contactar p {text-align: center;
padding-top: 3px;
padding-left: 0px;}	

#contactar a {color: #c30;
text-decoration: none;}

#contactar a:hover {
color: #666;
background: transparent; 
text-decoration: none;
}

#contactar a.oneone {
color: #fff;
background: #c30;
text-decoration: none;
}

#contactar .oneone {padding-right: 2px;}


#contactar a:hover.oneone {padding-right: 2px;
color: #fff;
background: #c30;
text-decoration: none;
}

/* Este contiene las divisiones menu izquierdo, principal y pie*/
#contenedor	{
    padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	color: #444;
	font-size:  90%;
	clear: both;
	}
	
#contenedor h1	{
    margin-top: 0;
	font-size:  small;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:  small;       
    }

html>#contenedor h1 {
	font-size:  small;  
	} 


#contenedor h3	{margin-top: 0px;
    padding: 0px;
    color: #000;
	font-weight: bold;
	font-family: verdana, Myriad, "Gill Sans", "Bitstream Vera Sans";
	padding-bottom: 6px;
	font-size: xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: x-small;  
	}

#contenedor html>h3 	{
	font-size:  x-small;  
	} 

		
#contenedor h4	{margin-top: 6px;
margin-bottom: 5px;
	font-weight: normal;
   	font-size: x-small;
	color: #000;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: small;  
		}

#contenedor html>h4 	{
	font-size: small;  
	} 	


#contenedor h5	{margin-top: 20px;
     font-size:    xx-small;      
     voice-family: "\"}\"";   
     voice-family: inherit;   
     font-size:    x-small;  
	}
	
#contenedor html>h5 	{
	font-size:  x-small;  
	} 
	

#contenedor h6	{
	margin: 0 0 25px 0;
	padding: 0;
	background: transparent;
	color: #333;
	text-transform: uppercase;
	font-family: verdana, Myriad, "Gill Sans", "Bitstream Vera Sans";
	font-weight: normal;
	font-size:    9px;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
  	font-size: xx-small;
	}
	

#contenedor html>h6 	{
	font-size:  xx-small;  
	} 
	


#contenedor p{font-size:  100%;
			  }			   

/* Declaracion de clases*/

/*  Clase general */
.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}
	

	
/* declaracion de la parte principal para los que tienen dos columnas, esta dentro de contenedor */	
#principal1	{
float: right;
    margin: 0;
	padding: 0px 51px 24px 0px;
	margin-right: 10px;
	width: 341px !important;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 341px !important;
	padding: 0px 51px 24px 0px;
			}

html>#principal1 	{
	width: 341px !important;
	padding: 0px 30px 24px 20px;
		} 

#principal1 ol, #principal1 ul	{
	margin: 0.5em ;
	padding-left: 0px ;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
		}
			
	
#principal1  p{color: #333;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 11px;
font-size: 12px;
                }
				
#principal1 h2{font-size: 12px;
padding-bottom: 0px;
margin-bottom: 2px;
}

#principal1 h3{padding-top: 0px;
padding-bottom: 3px;
margin-bottom: 0px;
font-size: 12px;}				
				
#principal1 h2 img {padding-bottom: 0px;
margin-bottom: 0px;}
				
#principal1 img {padding-bottom: 10px;}

#principal1 img.publicidad {padding-bottom: 20px;}				

																
																 
#principal1 a {color: #c30;
background: transparent; 
text-decoration: underline;
border: 0;
voice-family: "\"}\""; 
voice-family:inherit;
font-weight: bold;}

html>#principal1 a {font-weight: bold;}

#principal1 a:hover {color: #c30;
background: transparent; 
text-decoration: none;}

		  	
/* menu vertical */
div#navigation
{ 
width: 230px;
border: none;
height: 155px;
float: left;
margin-top: 0px;
margin-bottom: 30px;
padding-left: 25px;
}

	
div#navigation p
{background: url("imagenes_menu/escuadra111.gif") repeat-y right !important;
width: 229px;
height: 20px; 
padding: 0;
padding-left: 26px;
margin-left: 6px;
padding-top: 2px;
margin: 0;
clear: left;
font-family: verdana;
font-size: 12px;
}

	
#navigation a {color: #c30;
background: transparent; 
text-decoration: none;
padding-left: 26px;
margin-left: 6px;
}

#navigation a:link {color: #c30;
background: transparent; 
text-decoration: none;
padding-left: 26px;
margin-left: 6px;
}

#navigation a:hover {color: #666;
background: transparent; 
text-decoration: none;
padding-left: 26px;
margin-left: 6px;
}

 
#navigation a.unouno  {
padding-right: 32px;
color: #fff;
font-weight: bold;
background:  #c30;
text-decoration: none;
/* background:  #c30 url("imagenes_menu/taco.gif") no-repeat !important;
width: 209px;
padding-left: 0px;
color: #fff;
text-decoration: none;
font-weight: bold;*/
				}


#navigation a:hover.unouno  {
padding-right: 32px;
color: #fff;
font-weight: bold;
background:  #c30 ;
text-decoration: none;}			
			
.dime {padding-right: 15px;
padding-top: 1px;
padding-bottom: 1px;}

.dime1 {padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;}

.dime2 {padding-right: 47px;
padding-top: 1px;
padding-bottom: 1px;}

.dime3 {padding-right: 33px;
padding-top: 1px;
padding-bottom: 1px;}

.dime4 {padding-right: 17px;
padding-top: 1px;
padding-bottom: 1px;}

.dime5 {padding-right: 31px;
padding-top: 1px;
padding-bottom: 1px;}

.dime6 {padding-right: 78px;
padding-top: 1px;
padding-bottom: 1px;}

.dime7 {padding-right: 14px;
padding-top: 1px;
padding-bottom: 1px;}
			
			
#textoborde {margin-top: 0px;
padding-top: 5px;
border: #999 1px solid;
width: 341px;
}

#textoborde1 {margin-top: 0px;
padding-top: 5px;
border: #999 1px solid;
width: 341px;
height: 550px;}


#texto {padding: 14px;
}

#texto p {
font-size: 12px;
color: #333;
 }

#texto ul {padding: 0px;
margin: 0px;
margin-left: 6px;
padding-left: 15px;
color: #c30;}
 
#texto ul li{
font-size: 12px;
color: #c30;
list-style-type: disc;
line-height: 1.39em;
text-align: left;
margin-top: 0;
margin-bottom: 6px;
 }

#texto ol {padding: 0px;
margin: 0px;
margin-left: 12px;
padding-left: 15px;
color: #c30;}

#texto ol li{
font-size: 12px;
color: #c30;
line-height: 1.39em;
text-align: left;
margin-top: 0;
margin-bottom: 6px;
 }


.colornegro {color: #333;}  

.colornegro1  {color: #333;
font-weight: bold;} 

.flotar {float: right;
padding-left: 0px;}
.flotar1 {float: left;}

 
#texto h1 {font-size: 14px;
color: #333;
font-weight: bold;
margin: 10px;
margin-top: 0px;
margin-left: 0px;}

.colores {color: #c30;
font-weight: bold;}


.decor {color: #c30;
background: transparent url("imagenes_cabecera/pixel_blanco.gif") center center no-repeat;
margin-top: 0px;
padding-top: 0px;
text-align: center;
font-size: 12px;
}

texto img {padding-bottom: 0px;}


/* pie de página */
#pie {
    width: 740px !important;
	height: 39px;
	border: 0;
	color: #fff;
	font-weight: bold;
	font-size: 9px;
	font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	background: #c30;/**/
	padding: 0;
	clear: both;
					}

html>#pie	{
    color: #fff;
	width: 672px !important;
		} 
		
			
		 		

#pie p	{
    margin: 0;
	text-align: center;
	color: #fff;
	margin-top: 0px;
	padding-top: 15px;
					}
					
					
#pie  a {text-decoration : underline;
    color: #fff;
	border: none;
	background: transparent;
	font-size: 9px;
				}
		
#pie a:hover {
	font-weight: bold; 
	text-decoration : none;
	color: #fff;
	background:transparent;
	font-size: 9px;
	}
	

/*  Clase general */
.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}

.peque {
float: right;
color: #c30;
font-size: 9px;
text-decoration: underline;
}

.peque a{
float: right;
color: #c30;
font-size: 9px;
text-decoration: underline;
} 

.peque a:hover{
float: right;
color: #c30;
font-size: 9px;
text-decoration: none;
}

.peque1 {
margin: 0px;
padding: 0px;
padding-left: 10px;
color: #c30;
font-size: 9px;
text-decoration: underline;
} 

.peque1 a{
color: #c30;
font-size: 9px;
text-decoration: underline;
} 

.peque1 a:hover{
color: #c30;
font-size: 9px;
text-decoration: none;
}
 
.centrado {text-align: center;
padding-top: 0px;
margin-top: 0px;}
 
/*  Formulario de contacto */
#formulario{
padding: 0px;
margin: 0px;
border: 0;
font-size: 12px;
font-style: regular;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
}


#formulario h3 {padding: 0px;
margin: 0px;}

#formulario p{
padding: 0px;
margin: 0px;
padding-bottom: 5px;
font-size: 12px;
font-style: regular;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
line-height: 1em;
}

div#formulario fieldset {
padding: 0px;
margin: 0px;
border: none;
font-size: 12px;
font-style: regular;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
		}


div#formulario fieldset:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	color:  #fff;
	margin: 0;
	padding: 0;
	}

#formulario label{
margin-bottom: 0;
padding-bottom: 0;
margin-top: 1px;
display: block;
font-size: 12px;
font-style: regular;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
}

div#formulario legend {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: #09f;
font-size: 12px;
font-style: regular;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
text-align: left;
}
	
div#formulario textarea {
    width: 310px;
	background-color: #fff;
	overflow: auto;
	position: relative; /* para mac con IE5*/
	/* si pongo aquí voice sale en bloques*/
}

div#formulario p textarea.mensaje {font-size: 12px;
font-style: regular;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
}

	
div#formulario select {
width: 310px;
background-color: #fff;
font-size: 12px;
font-style: regular;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
}

div#formulario input {
	width: 310px;
	background-color: #fff;
font-size: 12px;
font-style: regular;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
	}
	
div#formulario input.boto {
	color: #c30;
	background-color: #fff;
	border: 1px solid #c30;
	width: 90px;
	font-weight: bold;
	cursor: pointer;
font-size: 12px;
font-style: regular;
font-family: verdana, lucida, arial, helvetica, sans-serif, Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans";
				}
		
		
div#formulario input.boto:hover,
div#formulario input.boto:focus {
	border-color: #c30;
	color: #000;
	background-color: #f99;
	}
	
	
div#izquierdo {float: left;
width: 100px;}

div#izquierdo img {padding-bottom: 20px;
margin-bottom: 25px;
}


div#derecho {float: right;
padding-left: 0px;
width: 200px;
}

div#derecho p {padding-top: 0px;}

div#derecho p.cl1 {padding-top: 0px;}

div#derecho p.cl2 {padding-top: 37px;}

div#derecho p.cl3 {padding-top: 40px;}