/*
 * Colores, tipos de letra, fondos...
 *************************************************************/

	/*	Enlaces y Cuerpo del Sitio */
		a{color:#006699;font-size:15px;text-decoration:none;font-weight:bold;}
		a:hover{text-decoration:none;color:#333;}
		body{
			color:#cccccc;
			background:url(images/capa-fondojpg.jpg) #CCCCCC;
			font-family:Georgia, Trebuchet MS, Arial, Verdana, Serif;
			line-height:120%;
			font-size:12px;
		}
	
	/* Caja principal */
	
		.main{
			background:url(images/contenedor.jpg) repeat-y;
			margin:0 auto;
			margin-top:30px;
			width:813px;
			position: relative;
		}

			 
			.main .izq-arriba{
				background:url(images/izq-arriba.jpg) no-repeat;
				width: 20px;
				height:20px;	
				position: absolute;				
				left:0px;
				top:0px;
			}

			.main .der-arriba{
				background:url(images/dere-arriba.jpg) no-repeat;
				width:20px;		
				height:20px;
				position: absolute;				
				right:2px !important;
				right:1px;
				top:0px;
			}

			.borde-abajo{
				  width: 100%; height:20px; margin:0 auto; 
				  background:url(images/borde-abajo.jpg) repeat-x;
				  position:relative;
			 }
			.main .izqe-bottom{
				background:url(images/izq-abajo.jpg) no-repeat;
				width: 20px;
				height:20px;		
				position: absolute;				
				left:0;
				bottom:0px;
			}				 
			.main .dere-bottom{
				background:url(images/der-abajo.jpg) no-repeat;
				width: 20px;
				height:20px;		
				position: absolute;
				right:0px !important;
				right:-1px;
				bottom:0px;
			}
			
		.encabezado{
			position: relative;
			margin-top:10px;
			height:105px;
	   }

		.encabezado .logo{
			position: absolute;
			left:15px;
			top:20px;
		}
	   
		.encabezado .direccion{
			position: absolute; right: 10px; top : 10px;
			color:#000000;
			width:500px;
			height:90px;
			font-size:11px;
			font-family:Arial, Trebuchet MS, Arial, Verdana, Serif;
			line-height:150%;
		}
		
		.encabezado .direccion a{font-size:11px;}
		 
		.encabezado .azul{
			background:url(images/esquina-azul.jpg) left no-repeat #008CBB;
			position: absolute;
			right: 14px !important;
			right: 12px ;
			height:29px;
			padding: 0 10px 0 20px;
			bottom: 0px;
			line-height:29px;
			color:#FFFFFF;
			font-size:16px;
		}	

			
		.cuerpo{
		    width:796px;
		    margin-left:10px;
		}
		
		.izquierda{
			width: 200px;
			float:left;
		}
		
		.izquierda a{font-weight:normal;}
		.izquierda h3{font-weight:bold;}
			.widget-azul{
				 background:url(images/buiny-arribamenu.jpg) ;			     
				 width:200px;
			 }
			.widget-azul h3{
				 background:url(images/buinyrecazulpeq.jpg) no-repeat #006382 bottom right;
				 line-height:24px;
				 width:90%;
				 color:#FFFFFF;
				 padding-left: 10px;
				 font-size:14px;
			}
			.widget-mar{
				background:url(images/buiny-abajomenu.jpg) ;	   
				width:200px;
		 	}
			.widget-mar h3{
				 background:url(images/menu-abajo.jpg) no-repeat #012F3F bottom right;
				 line-height:24px;
				 width:90%;
				 color:#FFFFFF;
				 padding-left: 10px;
				 font-size:14px;
				 margin-bottom:7px;
			}
									
			.widget-azul  ul li a{
				background:url(images/vinetas-mar.jpg) no-repeat 2px 6px;
				color:#FFFFFF;
				font-size: 11px;
				font-family:Trebuchet MS, Arial, Verdana, Serif;
				display:block;
				padding-left:10px;
			}
			.widget-mar ul li a{
				background: url(images/vinetas.jpg) no-repeat 2px 5px;
				color:#FFFFFF;
				font-size: 11px;
				font-family:Trebuchet MS, Arial, Verdana, Serif;
				display:block;
				padding-left:10px;
			}
			
			.widget-azul ul li a:hover{
				background:url(images/vinetas.jpg) no-repeat 2px 6px #006382;
			}
			
			.widget-mar ul li a:hover{
				background: url(images/vinetas.jpg) no-repeat 2px 5px #012F3F;
			}
			
			.widget-mar ul li{
				line-height:130%;
			}
			.widget-azul  ul,
			.widget-mar ul{
				padding-bottom: 6px;
			}
			
			.widget-azul ul li{
				line-height:130%;
			}

			.widget-azul  ul ul li a,
			.widget-mar ul ul li a{
				padding-left: 20px;
				background-position:12px 6px ;
			}

			.widget-azul  ul ul li a:hover,
			.widget-mar ul ul li a:hover{
				padding-left: 20px;
				background-position:12px 6px ;
			}

	.texto{
		width:580px;
		margin-left:209px;
		color:#000000;
		font-size: 12px;
		font-family:Trebuchet MS, Arial, Verdana, Serif;
		line-height:130%;
	}
	
	.texto h3{
		color:#008CBB;
		font-weight:bold;
		margin-top:15px;
	}
	
	.cuerpo h1,
	.cuerpo .widget h3{
		background: #008CBB;
		height:46px;
		color:#fff;
		padding: 0px 5px 0 3px;
		line-height:46px;
		font-size:21px;
		margin-bottom: 8px;
		font-family:Georgia, Trebuchet MS, Arial, Verdana, Serif;		
	}
	
	.cuerpo .texto ul li,
	.cuerpo .widget ul li {	
		 background: url(images/vinetas-azul.jpg) no-repeat 0 5px; 	 
		 margin-left: 30px;	
		 padding-left: 13px;
	}
	
	.cuerpo h1{
		margin-bottom: 0;
		text-indent:10px;
		font-size:25px;
	}
		 
	.dir-abajo{
	width: 813px; margin:0 auto;
	position: relative;
	padding-bottom:20px;
	color:#000000;
	}
	.sistemex{
	background:url(images/logo-sistemex.jpg);
	height: 19px;	
	right:0px;
	bottom:0;
	position: absolute;
			 }
	 .sistemex a{
	 display: block; 
	 width: 74px; 
	 height: 19px;
	}	
	
	.dir-abajo{
		font-family:Arial, verdana, Tahoma, Serif;
		font-size:11px;
	}
		
	.dir-abajo ul  li{
	height:15px;					
	padding: 0 15px;
	float:left; 
	}
	.dir-abajo ul  li a{
	padding: 0 5px;
	color:#ccc;
	font-weight:normal;
	font-size:10px;
	}
	.dir-abajo ul li a:hover{color:#008CBB;}

	 .menu-final{
		width: 100%;
		height: 30px;
		color:#000000;
		margin-top:10px;
		border-top:3px solid #008CBB;
		padding-top:3px;
		text-align:center;
	 }

	.menu-final li{ 
		display:inline;
		margin:0 5px;
	 }
	 
	 .menu-final li a{
	 	padding: 3px 8px;
	 	font-family:Trebuchet MS, Arial, Verdana, Tahoma, Serif;
	 	font-weight:bold;
	 	font-size:12px;
	 }	
	 
	 .menu-final li a:hover{
	 	background:#008CBB;
	 	color:#fff;
	 }
	 					
		/*************************************/
	/**** Formularios y Addons Hacks *****/
	/*************************************/
		.texto form h4{color:#ff9900;}
		.texto form a{text-decoration:none;color:#ff9900;font-weight:bold;}
		.texto form a:hover{text-decoration:underline;}
		.texto form .need{color:#ffcc00;}
		.texto form hr{border:1px solid #e0e0e0;}
		.texto form input, form select{color:#666666;border:1px solid #C2C2C2;	}
		.texto form select option{	color:#666666;border-bottom:1px solid #f2f2f2; }
		.texto form textarea{	color:#333333;	border:1px solid #C2C2C2;}
		.texto form input.boton{background:#008CBB;color:#fff;border:1px solid #f2f2f2;margin-right:100px;}
		.texto form input.boton:hover{background:#333333; color:#fff;}