/* CSS Document */

/* ---- ESTILOS GENERALES ---- */

body { text-align:center; background-image:url(../img/main_bg.jpg); background-repeat:repeat-x;
       margin:0px; padding:0px; font-family: Calibri; font-weight:normal;
}
	   
	   
   
	   
	   
/* ---- ENVOLTURA GENERAL ---- */
#wrap { width:950px; margin:0px auto;  text-align:left; padding:0px;}
/* ---- LOGO VELASTUDIO ---- */
#logo { position:relative; float:left; left:-35px;    }

 
/* ---- ESTILOS DE LA NAVEGACION HORIZONTAL / NEGRA ---- */

#upnav {width:650px; height:48px;  background-image:url(../img/black_navbar.jpg); background-repeat:no-repeat; background-position:center top;  clear:both; z-index:5; position:relative;}

#upnav ul {

padding: 12px 5px 5px 25px;
margin: 0px;
background-color: transparent;  
font-size: 18px;
color:#82c3fd;
font-weight: normal;
width: 100%;
height: 30px;
float: left; 
}


#upnav li {
display: inline;
padding: 0px 5px 0px 15px;  
background-image:url(../img/flecha_d.png); 
background-position: left center; background-repeat:no-repeat; 
list-style:none; padding-left:18px;
color:#82c3fd;  
} 


#upnav li a:link, a:visited {
color:#82c3fd;
text-decoration:none;  
} 

#upnav li a:hover { color:#fff; padding:5px 0px 13px 0px; 

} 





/* ---- ESTILOS DEL BANNER PRINCIPAL Y SU CONTENIDO ---- */

 
				   
 


/* ----  ESTILOS DEL BANNER NEGRO Y SU TEXTO ----  */

#barramedia { background-image:url(../img/mid_blue_bar.jpg); background-repeat:no-repeat; background-position: center top; height:55px; }
 #texto_barranegra { padding:22px 65px 25px 65px;  font-size:28px; color:#fde2a3; text-align:center;  line-height:5px; letter-spacing:-1px;
                      font-size:28px; }
				   
				   
				   
/* ----  ESTILOS DEL BLOQUE CON 3 SECCIONES  ----  */		   
				   
#bloque3 {    background-repeat:no-repeat;   min-height:270px;
              font-size:28px; color:#fde2a3; text-align:left; margin-top:25px;   }
				   

 
	
	/* ----  ESTILOS DEL sub-BLOQUE 1  ----  */				   
	
#cuadro01 { width:314px; border:0px solid #006600;  float:left;  margin:0px;  height:233px; }

 #cuadro01 h2{ height:66px; color:#07569f; font-size:29px; font-weight:normal; padding:0px; margin:0; word-spacing:-2px;
               background-image:url(../img/front_block_1.jpg);
			   background-position:right top; 
			   background-repeat:no-repeat;   }
			   
 
	/* ----  ESTILOS DEL sub-BLOQUE 2  ----  */				    
#cuadro02 { width:314px; border:0px solid #006600;    float:left; margin-left:4px;   height:233px; }
 #cuadro02 h2{ height:66px; color:#07569f; font-size:29px; font-weight:normal; padding:0px; margin:0; word-spacing:-2px;
               background-image:url(../img/front_block_2.jpg); 
			   background-position:right top; 
			   background-repeat:no-repeat;   }


	/* ----  ESTILOS DEL sub-BLOQUE 3  ----  */				   
#cuadro03  {width:314px; border:0px solid #006600;      float:left; margin-left:4px;   height:233px;}
 #cuadro03 h2{ height:66px; color:#07569f; font-size:29px; font-weight:normal; padding:0px; margin:0; word-spacing:-2px;
                background-image:url(../img/front_block_3.jpg);  
			   background-position:right top; 
			   background-repeat:no-repeat;   }
			   
			   
#cuadrostext { font-size:16px;   color:#656565; padding:0px 0px 0px 15px; margin-top:-15px; *margin-top:1px;
               background-image: url(../img/cuadros_bg.jpg); 
			   background-repeat: no-repeat; 
			   background-position: center bottom; height:167px;}
			   
#cuadrostext p { text-align:left; padding: 15px 10px 0px 15px;     }
			   
			   
/* ----  ESTILOS DE LINKS ENLOS 3 BLOQUES  ----  */
	

#cuadrostext ul{ margin:0 0 0 5px; padding-left:10px;  }
#cuadrostext li{ background-image:url(../img/phon_bullet.png);
                 background-position: left center; background-repeat:no-repeat; 
				 list-style:none; padding-left:18px;
				 color:#548fcb;   }
				 
				 
#cuadrostext li a:link,a:active,a:visited
               { list-style:none; color:#0158a9; text-decoration:none;      }
				 
#cuadrostext li a:hover
               { list-style:none; color:#000; text-decoration:underline; background-color:#f9f6e8; }
 

 
#pie_pagina { background-image:url(../img/sombra_pie.jpg); background-repeat:no-repeat; background-position:top center;
              margin-top:25px; padding:20px 10px 25px 10px; text-align:center; color:#7f7f7f; clear:both;}
				   
.front_imgfloatr { float:right; top:-40px; left:-10px; position:relative; }
.front_imgfloatr2 { float:right; top:-42px; left:-10px; position:relative; }

#top_menu { background-image:url(../img/top_menu_bg.png); 
           background-position:center top; 
		   background-repeat:no-repeat;
		   width:600px; height:73px;   
		   position:relative; float:right;  top:45px;  padding:10px 0px 0px 0px; text-align:right;
		    }
			
 
		   
.topImageMenu1 { display:inline;     }
				   
				   

/* ---- CUADRO DE BUSQUEDA ---- */ 
#search { width:334px; height:80px; 
          position:relative; float:right; top:40px;
		  background-image:url(../img/fondo_busqueda_top.jpg);  }

.topsearchfield { width: 215px; height:38px; 
                  position:relative; float:left; margin: 24px 0px 0px 0px; left:24px;
				  padding:5px 3px 0px 3px;
                  background-image:url(../img/bg_searchfield.gif); 
				  background-position: center top; background-repeat:no-repeat;
				  border:0px; text-align:center;
				  background-color:transparent;
				  }
				  
/* ---- estilo del INPUT FIELD ---- */				  
				  .topfield { text-align:center; width:190px;
				              height:20px; border:0; background-color:transparent;
				              font-size:20px; }
							  
/* ---- estilo del INPUT FIELD ---- */						  
				  .botonbusqueda { width: 56px; height:36px; 
                                   position:relative; float:right; margin: 23px 28px 0px 0px; }
								   
								   
 
/* ---- BARRA DE NAVEGACION ROJA ---- */

#redmenu  { width:950px; height:69px;  
			 clear:both;  
			margin:0; padding:0;
			top:50px; border:0; 

}
			
#midbanner { width:950px; height:68px; margin:10px 0px 28px 0px; }	
#midbanner2 { width:950px;   margin:10px 0px 28px 0px; }	
#barralogos { width:748px; height:71px; margin:10px 0px 10px 0px; }	



.adblock {   margin:10px 0px 10px 0px; padding:0;  }



/*------------------------  CONTENEDORES Y ENCABEZADOS PRINCIPALES  --------------------------------*/


#contenedor_izquierdo { float:left; width:232px; margin:0; padding:0; background-color:transparent; }
#contenedor_derecho { float:right; width:717px; margin:0px; padding:0px; background-color:transparent; }
.encabezados_menuizquierdo { margin: 0px 0px 0px 0px; }
.encabezados_menuderecho { margin: 0px 0px 10px 0px; }



/*------------------------  COLUMNA IZQUIERDA  --------------------------------*/

#columna_izquierda {  
                      background-color:transparent; 
					  float:left; padding:0; margin:0;   }


#columna_izquierda h3 { background-image:url(../img/encabezado_iz_principal.jpg); 
          background-repeat:no-repeat; 
		  background-position:center top;
		  height:15px;  color:#000; font-size:14px; text-transform:uppercase;
		  text-align:left; padding:5px 0px 5px 45px; margin:0;
		  }
		  
#columna_izquierda h4 { background-image:url(../img/encabezado_iz_2.jpg);

          background-repeat:no-repeat; 
		  background-position:center top;
		  height:30px;  color:#eaeaea; font-size:14px; 
		  text-align:left; padding:4px 0px 0px 10px; margin:0;
		  }
		  
.menulista_iz { width:232px; background-image:url(../img/bg_izmenu.png); 
                background-position: top right; background-repeat:no-repeat; margin:0px;  
				padding: 10px 0px 0px 0px;  }		  
				
#columna_izquierda ul{ margin:0px 0px 15px 10px; padding:0;   font-size:14px; }
#columna_izquierda li { background-image:url(../img/phon_bullet.png) ;
                        background-position: left 5px; background-repeat:no-repeat; 
				        list-style:none; padding-left:25px; margin-left:35px;
				        color:#548fcb;  
						line-height:20px; }
						
#columna_izquierda li a:link, a:visited, a:active {   color:#333333; text-decoration: none; font-size:14px;}
#columna_izquierda li a:hover {text-decoration: underline; color:#000; font-size:14px;}
 
		
/*------------------------  COLUMNA DERECHA  --------------------------------*/

#columna_derecha { width:717px; min-height:150px;   margin:0;  padding:0; float:right;   }

 

#columna_derecha p { font-size:14px; 
                     background-position:right bottom; 
				     background-repeat:no-repeat; margin:0px 25px 15px 35px; text-align:justify;  
	               }
					
#columna_derecha h4 { background-image:url(../img/black_right_bar.png); 
                      background-repeat:no-repeat; 
	              	  background-position:center top;
	             	  color:#003399; font-size:16px; 
					  font-weight:normal;
		              text-align:left; 
					  margin:5px 0px 0px 35px;  
					   
		  }

#columna_derecha h3 { background-image:url(../img/black_right_bar.png); 
                      background-repeat:no-repeat; 
	              	  background-position:center top;
	             	  color:#003399; font-size:20px; 
					  font-weight:normal;
		              text-align:left; 
					  margin:15px 0px 0px 35px;  
					   
		  }
		  
#columna_derecha h2 { background-image:url(../img/black_right_bar.png); 
                      background-repeat:no-repeat; 
	              	  background-position:center top;
	             	  color:#000; font-size:28px; 
					   
		              text-align:left;   margin:25px 0px 5px 35px;
					  border-bottom:1px solid #949494; width:680px;
					  text-transform: none; font-weight:normal;
		  }
		  
		  
#columna_derecha ul{ margin:0 0 10px 10px; padding:0;  }

#columna_derechxa li {   background-image:url(../img/bullet_circle.jpg); 
                        background-position: left 7px; background-repeat:no-repeat; 
				        list-style:none; margin: 0 0 15px 25px; padding-left:25px; color:#565555;
				     }
							
							
#columna_derecha li a:link, a:visited,a:active { font-size:13px; color:#333333; text-decoration: none; }
#columna_derecha li a:hover { font-size:13px; text-decoration: underline; color:#000; }
		
		
		
.fotoderecha { float:right; 
               background-color:#FFFFFF;
               margin: 0 18px 18px 18px;    
			   padding:5px;   
			   border:1px dashed #949494;  
			   clear:both; display:block;  
			  } 
			  
.fotoderecha img { clear:both; display:block; text-align:center;
			  }
			  
 
#contenedor_tabs { margin:10px;}