/* RESET */

*{ margin: 0; padding: 0; border: 0; }
border      
        
      
         
      
   
     
   
        {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

body {
    line-height: 1;
	background-image: url(../imagenes/bg_blanco.gif);
}

ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}

/* remember to define focus styles! */
:focus {
   outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
   text-decoration: none;
}
del {
   text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
   border-collapse: collapse;
   border-spacing: 0;
}

h1{ font-size: 26px; }

h2 { font-size: 20px; } 

h3 { font-size: 16px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 10px; }

li{ list-style: none; }

a{
	text-decoration: none;
}

a:hover{ text-decoration: underline; }

/* ESTILOS GENERALES */

div#cabecera {
	background-image: url(../imagenes/fondo_index.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 750px;
}

div#cabecera .interior IMG {
	border:none;}
	
div#menu {
	width:: 100%;
	height: 120px;
	background-image:url(../imagenes/menu_trans.png);
	background-repeat:repeat-x;
	margin-top: 20px;	
		
}

div#topbanner {
	width: 100%;
	height: auto;
	background-image: url(../imagenes/bg_blanco.gif);
	background-repeat: repeat;
}



div#nosotros {
	width: 100%;
	height: auto;
	position:relative;
	
}

div#fotossocios {
	width: 100%;
	height: auto;
	position: relative;
}

div#vssalcielo {
	width: 100%;
	height: auto;
	position: relative;
	
}

div#carta {
	background-image: url(../imagenes/bg.gif);
	padding: 20px;
	color: #CCCCCC;
}

div#vssalcielo .texto .interior .cajatexto {
	width: 50%;
	float: left;
	text-align:justify;
}

div#links {
	width: 100%;
	height: auto;
	position: relative;
}

div#contacto {
	width: 100%;
	height: auto;
	position: relative;
}



/* CLASES GENERALES */

div.interior{
	width:960px;
	margin:0 auto;
	
}

div.clearfix{
width:1px;
height:25px;
display:block;
clear:both;
content:'.';
}
/*estilo footer*/

div#footer a{
	color: #333333;
	text-decoration:none;
}

div#footer a:hover{
	color:#333333;
	text-decoration:underline;
}

div#footer .interior{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:2px;
	line-height:250%;
	background-repeat: repeat;
}

div#footer #barra_navegacion {
	text-align: right;
	clear: both;
	padding_top: 10px;
	border-top:#999999 1px solid;
	border-bottom:#999999 1px solid;
	color: #999999;
	word-spacing: 0.5px;
}

div#footer #barra_navegacion a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration:none;
}

div#footer #barra_navegacion a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	
}


/*estilos cabecera*/

div#cabecera .interior {
	height: 430px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #FFFFFF;
	text-align:right;
	letter-spacing: 2px;
	padding-top: 200px;
}

div#cabecera .interior span { font-weight:bolder;}

div#cabecera .interior h6 {
	font-size: 10px;
	font-weight:lighter;
}

div#cabecera .interior h6 a { color:#FFFFFF; text-decoration:none;}
div#cabecera .interior h6 a:hover {text-decoration:underline;}

div#bannerInformation{
	background-position:right;	
	height:100px;
	
	background-repeat:no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;
	
}

/*estilos menu*/

div#cabecera #menu .interior {
	padding: 0 0 0 0;
		
}

div.interior .boton {
	width: 137px;
	height: 95px;
	float: left;
	text-align:center;
	letter-spacing:normal;
	padding-top: 15px;
	
		
}

div#menu .interior a.boton {
	color:#000000;
	font-weight: bolder;
	text-decoration:none;
	
	
		
}

div#menu .interior a.boton span {
	font-size: 14px;}
	
div#menu .interior a.boton:hover{ 
	background-image:url(../imagenes/boton_trans.png);
	background-repeat: repeat-x;
	text-decoration:none;
				
}


/*estilos informacion*/
div.titulos {

	height: 65px;
	background-image: url(../imagenes/titulo_bg.jpg);
	background-repeat: repeat-x;
	font-weight:bold;
	padding:25px 0 0 0;
}

div.titulos h5{
	font-size:36px;
}


div.texto {
	color: #333333;
	height: auto;
	padding: 25px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
}

div.cajatexto {
	float: left;
	width: 50%;
	height: auto;
	text-align:justify;
	padding: 5px 5px 5px 5px;
}

div.cajatexto span {font-weight:bold;}


div#slide {
	width: 458px;
	height:251px;
	float: right;
	
	
}

#nosotros .texto .interior {
	position: relative;
	}



/*estilos marcos de fotos*/

.marco1 {
	padding:1px;
	background-color: #f5f5f5;
	width: 80px;
	height: 90;
	border: 1px solid #999999;
	color:#000000;
	text-align:center;
	float:left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
} 


.marco1 IMG {
	border: none;
}
 /*IMGS*/
 
 IMG {
	 border:thick;
	 border-color:#FFF
}

/*estilos marco de la seccion links*/

.marco2 {
	padding:20px 0 0 0;
	border: 1px solid #999999;
	background-color: #f5f5f5;
	width: 159px;
	height: 159px;
	color:#000000;
	text-align:center;
	float:left;
	margin:0 0 0 0 ;
} 

.marco2 IMG {
	border: none;
}
/*ESTILOS FORMULARIO*/

div#formulario {
	width: 45%;
	float:right;	
}
	
div#contacto .interior .cajatexto { 
	background-image: url(../imagenes/bg.gif);
	width: 45%;
	color:  #CCCCCC;
	padding: 10px;
}

/*estilo btnMenu*/

div#cabecera .btnMenu{
	position:fixed;
	width:75px;
	height:25px;
	background-image:url(../imagenes/btnMenu.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-variant:small-caps;
	padding-left:30px;
	padding-top:5px;
	z-index: 1;
}

div#cabecera .btnMenu a{
	color:#FFFFFF;
	text-decoration:none;
}

div#cabecera .btnMenu a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}