@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../imagenes/fondo.jpg);
	background-repeat: repeat;
}
a{text-decoration: none;} 
a:hover {text-decoration: none;} 


/* ******* PAGINA PRINCIPAL ******* */
#envolvente {
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ADADAD;
}

#cuerpo {
	position: relative;
	float: left;
	width: 790px;
	height: 420px;
	background-image: url(../imagenes/fondo_cuerpo.png);
	margin-top: 5px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}


#footer2{
	position: relative;
	float: left;
	width: 790px;
	height: 155px;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-image: url(../imagenes/foooter.png);
}

#logo {
	height: 92px;
	width: 150px;
	left: 5px;
	float:left;
	margin-left: 6px;
	margin-top: 17px;
}

#contactenos{
	margin-left: 158px;
	margin-top: 12px;
	width: 90px;
	background-image: url(../imagenes/vineta_gris.jpg);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	float:left;
	padding-left: 15px;
}

.menu_cabrecera
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
}
.menu_cabrecera2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
}

.menu_cabrecera a:link{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
}

.menu_cabrecera a:visited{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999;
}

.menu_cabrecera a:hover{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0096d5;
}


#contactenos:hover{
	margin-left: 158px;
	margin-top: 12px;
	width: 90px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0096d5;
	background-repeat: no-repeat;
	background-position: 2px 3px;
	float:left;
	background-image: url(../imagenes/vineta_azul.jpg);
	padding-left: 15px;
}

#soporte{
	margin-left: 53px;
	margin-top: 12px;
	background-image: url(../imagenes/vineta_gris.jpg);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	float:left;
	padding-left: 15px;
}

#soporte:hover{
	margin-left: 53px;
	margin-top: 12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0096d5;
	background-image: url(../imagenes/vineta_azul.jpg);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	float:left;
	padding-left: 15px;
}

#centros_de_info{
	margin-left: 98px;
	margin-top: 12px;
	background-image: url(../imagenes/vineta_gris.jpg);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	float:left;
	padding-left: 15px;
}

#centros_de_info:hover{
	margin-left: 98px;
	margin-top: 12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0096d5;
	background-image: url(../imagenes/vineta_azul.jpg);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	float:left;
	padding-left: 15px;
}

#bloque1 {
	height: 74px;
	width: 155px;
	float:left;
	margin-top: 8px;
	margin-left: 0px;
	background-repeat: no-repeat;
	
}

#bloque2{
	height: 75px;
	width: 465px;
	float:left;
	margin-top: 8px;
	background-repeat: no-repeat;
}

#bloque3{
	height: 75px;
	width: 151px;
	float:left;
	margin-top: 8px;
	margin-left: 6px;
	background-repeat: no-repeat;
}

#bloque4{
	height: 75px;
	width: 151px;
	float:left;
	margin-top: 8px;
	margin-left: 6px;
	background-repeat: no-repeat;
}


#banner {
	height: 194px;
	width: 618px;
	left: 6px;
	top: 104px;
	float:left;
	margin-top: 7px;
	margin-left: 6px;
}




#btn1{
	height: 64px;
	width: 151px;
	float:left;
	margin-top: 7px;
	margin-left: 6px;
	background-repeat: no-repeat;
}


#btn2{
	height: 64px;
	width: 151px;
	float:left;
	margin-top: 1px;
	margin-left: 6px;
	background-repeat: no-repeat;
}


#btn3{
	height: 64px;
	width: 151px;
	float:left;
	margin-top: 1px;
	margin-left: 6px;
	background-repeat: no-repeat;
}


#linea_negra {
	height: 15px;
	width: 778px;
	left: 6px;
	top: 104px;
	float:left;
	margin-top: 7px;
	margin-left: 6px;
	background-color: #000;
}

#clientes {
	height: 70px;
	width: 619px;
	left: 6px;
	margin-top: 5px;
	margin-left: 6px;
	float:left;
}

#dominio{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10.5px;
	font-weight: bold;
	color: #0096d5;
	height: 69px;
	width: 149px;
	right: 4px;
	margin-top: 5px;
	margin-left: 7px;
	float:left;
}

#pos{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	width: 165px;
	float:left;
	border-right-width: 1.5px;
	border-right-style: solid;
	border-right-color: #ccc;
	height: 155px;
	margin-left: 5px;
}
#pos_web{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	width: 140px;
	float:left;
	border-right-width: 1.5px;
	border-right-style: solid;
	border-right-color: #ccc;
	padding-left: 11px;
	height: 155px;
}

#hosting{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	width: 144px;
	float:left;
	border-right-width: 1.5px;
	border-right-style: solid;
	border-right-color: #ccc;
	height: 155px;
	padding-left: 10px;
}
#quienes_somos{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	float:left;
	border-right-width: 1.5px;
	border-right-style: solid;
	border-right-color: #ccc;
	padding-left: 8px;
	background-repeat: no-repeat;
	background-position: 5px 150px;
	height: 155px;
	padding-right: 8px;
	width: 136px;
}

#footer{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FFF;
	width: 120px;
	float:left;
	background-repeat: no-repeat;
	height: 170px;
	padding-right: 15px;
	padding-left: 15px;
}


/* ******* fuentes ******* */
.Titulo_white{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 8.8px;
	color: #F8F8F8;
	font-weight: 550;
}

.Titulo_white a:link{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 8.8px;
	color: #F8F8F8;
	font-weight: 550;
}

.Titulo_white a:visited{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 8.8px;
	color: #F8F8F8;
	font-weight: 550;
}

.Titulo_black{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
	font-weight: bolder;
}

.Titulo_black a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454545;
	font-weight: bolder;
}

.Titulo_black a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454545;
	font-weight: bolder;
}


.Titulo_footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3E3E3E;
	font-weight: bold;
}




.Titulo_gris_entrevista{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	color: #4D4D4D;
	font-weight: bolder;
}

.Titulo_gris_entrevista2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
	font-weight: bolder;
}

.Titulo_gris{
	font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
	font-size: 15px;
	color: #666;
	font-weight: bolder;
	text-transform: uppercase;
}

.Titulo_gris a:link{
	font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
	font-size: 15px;
	color: #666;
	font-weight: bolder;
	text-transform: uppercase;
}

.Titulo_gris a:visited{
	font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
	font-size: 15px;
	color: #666;
	font-weight: bolder;
	text-transform: uppercase;
}


.Titulo_gris_contenido{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: justify;
}

.contenido{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.2px;
	color: #2C2C2C;
	text-align: justify;
	letter-spacing: 1px;
	white-space: normal;
}

.contenido_grande{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2C2C2C;
	text-align: justify;
	white-space: normal;
	line-height: 13pt;
}




.contenido_grande2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2C2C2C;
	white-space: normal;
	line-height: 13pt;
	text-align: justify;
}

.leer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #156AAB;
	text-align: justify;
	white-space: normal;
	line-height: 13pt;
	float: right;
}

.center{
	text-align: center;
}
.leer a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #156AAB;
	text-align: justify;
	white-space: normal;
	line-height: 13pt;
	float: right;
}

.leer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #156AAB;
	text-align: justify;
	white-space: normal;
	line-height: 13pt;
	float: right;
}


.contenido2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: justify;
}

.contenido2 a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: justify;
}

.contenido2 a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: justify;
}

.Titulo_azul{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #0096d5;
	font-weight: bolder;
}

.Titulo_azul a:link{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #0096d5;
	font-weight: bolder;
}

.Titulo_azul a:visited{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #0096d5;
	font-weight: bolder;
}

.Titulo_azul_light{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0E6DAD;
	
}
.Titulo_azul2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0E6DAD;
	font-weight: bolder;
}
.Titulo_azul2 a:link{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #93DEFF;
	font-weight: bolder;
}
.Titulo_azul2 a:visited{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #93DEFF;
	font-weight: bolder;
}

.Titulo_menu{
	font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
	font-size: 12px;
	font-weight: bolder;
}

.Titulo_medios{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #666;
}

.Titulo_menu a:link{
	font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
	font-size: 12px;
	color: #8C8C8C;
	font-weight: bolder;
}

.Titulo_menu a:visited{
	font-family: "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
	font-size: 12px;
	color: #8C8C8C;
	font-weight: bolder;
}







#banner_quienes{
	height: 75px;
	width: 778px;
	left: 6px;
	top: 104px;
	float:left;
	margin-top: 7px;
	margin-left: 6px;
	background-image: url(../imagenes/banner_quienes.jpg);
}


#cuerpo_paginas {
	float: left;
	width: 790px;
	height: 630px;
	background-image: url(../imagenes/fondo.png);
	margin-top: 5px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#cuerpo_entrevista{
	float: left;
	width: 790px;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-color: #FFF;
	margin-bottom: 5px;
}

#cuerpo2{
	float: left;
	width: 790px;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-color: #FFF;
	margin-bottom: 5px;
	height: 700px;
}

#colum_izquierda{
	float: left;
	width: 170px;
	height: 438px;
	margin-left: 6px;
	text-align: center;
}

#colum_izquierda_entrevista{
	float: left;
	width: 170px;
	
	margin-left: 6px;
	text-align: center;
}

#colum_derecha{
	float: left;
	width: 544px;
	height: 420px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

#colum_derecha_entrevista{
	float: left;
	width: 544px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}


#colum_derecha_servicios{
	float: left;
	width: 400px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 50px;
	padding-left: 25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	height: 900px;
}


#colum_derecha2{
	float: left;
	width: 400px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 50px;
	padding-left: 25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	height: 800px;
}

#colum_derecha2_larga{
	float: left;
	width: 400px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 50px;
	padding-left: 25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	height: 2000px;
}

#colum_exitos{
	float: left;
	width: 145px;
	padding-top: 5px;
	padding-bottom: 15px;
	font-weight: lighter;
	margin-left: 8px;
	text-align: center;
}


#sol_info{
	float: left;
	width: 142px;
	padding-top: 70px;
	padding-bottom: 15px;
	margin-left: 8px;
	padding-right: 8px;
	font-size: 10px;
}

.for{
	float: right;
	width:80px;
	font-weight: lighter;
}

#colum_derecha_soporte{
	float: left;
	width: 500px;
	height: 380px;
	margin-top: 30px;
	margin-left: 50px;
	margin-right: 50px;
}

#menu_primer_item{
	float: left;
	width: 170px;
	height: 40px;
	background-image: url(../imagenes/back_primer_menu.jpg);
	background-repeat: repeat-x;
	padding-top: 20px;
}





#menu_item1{
	float: left;
	width: 170px;
	height:22px;
	background-image: url(../imagenes/menu_blanco.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}

#menu_item1:hover{
	float: left;
	width: 170px;
	height:22px;
	background-image: url(../imagenes/menu_gris.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}

#menu_item2{
	float: left;
	width: 170px;
	height:22px;
	background-image: url(../imagenes/menu_blanco.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}

#menu_item2:hover{
	float: left;
	width: 170px;
	height:22px;
	background-image: url(../imagenes/menu_gris.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}

#menu_item3{
	float: left;
	width: 170px;
	height:22px;
	background-image: url(../imagenes/menu_blanco.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}

#menu_item3:hover{
	float: left;
	width: 170px;
	height:22px;
	background-image: url(../imagenes/menu_gris.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}


#menu_item4{
	float: left;
	width: 170px;
	height:22px;
	background-image: url(../imagenes/menu_blanco.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}

#menu_item4:hover{
	float: left;
	width: 170px;
	height:22px;
	background-image: url(../imagenes/menu_gris.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}


#menu_item5{
	float: left;
	width: 170px;
	height:22px;
	background-image: url(../imagenes/menu_blanco.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}

#menu_item5:hover{
	float: left;
	width: 170px;
	height:22px;
	background-image: url(../imagenes/menu_gris.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}

#menu_item6{
	float: left;
	width: 170px;
	height:22px;
	background-image: url(../imagenes/menu_blanco.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}

#menu_item6:hover{
	float: left;
	width: 170px;
	height:22px;
	background-image: url(../imagenes/menu_gris.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
}
/* ******* unete ******* */
#banner_unete{
	height: 75px;
	width: 778px;
	left: 6px;
	top: 104px;
	float:left;
	margin-top: 7px;
	margin-left: 6px;
	background-image: url(../imagenes/banner_unete.jpg);
}

#banner_historia{
	height: 75px;
	width: 778px;
	left: 6px;
	top: 104px;
	float:left;
	margin-top: 7px;
	margin-left: 6px;
	background-image: url(../imagenes/banner_historia.jpg);
}

/* ******* unete ******* */
#banner_contactanos{
	height: 75px;
	width: 778px;
	left: 6px;
	top: 104px;
	float:left;
	margin-top: 7px;
	margin-left: 6px;
	background-image: url(../imagenes/banner_contactenos.JPG);
	
}

#banner_ubicacion
{
	height: 75px;
	width: 778px;
	left: 6px;
	top: 104px;
	float:left;
	margin-top: 7px;
	margin-left: 6px;
	background-image: url(../imagenes/banner_ubicacion.JPG);
}



#plano{
	float: right;
	height: 287px;
	width: 326px;
	background-image: url(../imagenes/mapa.jpg);
	margin-top: 20px;
	margin-right: 80px;
}

#info_contactenos{
	float: left;
	width: 170px;
	height: 438px;
	margin-left: 6px;
	text-align: left;
	margin-right: 70px;
}

#formulario{
	float: left;
	text-align: left;
	width: 260px;
	margin-top: 56px;
}

#titulo_contenido{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	font-weight: bold;
}


#foto_entrevista {
	height: 35px;
	width: 130px;
	top: 25px;
	float:left;
	margin-top: 34px;
	margin-bottom: 5px;
	margin-right: 10px;
	border: 1px solid #CCC;
}


#foto_entrevista2 {
	height: 27px;
	width: 130px;
	top: 25px;
	float:left;
	margin-top: 33px;
	margin-bottom: 5px;
	margin-right: 10px;
	border: 1px solid #CCC;
}

#foto_entrevista3 {
	height: 27px;
	width: 130px;
	top: 25px;
	float:left;
	margin-top: 33px;
	margin-bottom: 5px;
	margin-right: 10px;
	border: 1px solid #CCC;
}

#foto_entrevista4 {
	height: 27px;
	width: 130px;
	top: 25px;
	float:left;
	margin-top: 33px;
	margin-bottom: 5px;
	margin-right: 10px;
	border: 1px solid #CCC;
}

.Titulo_azul3{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #3B5998;
	font-weight: bolder;
}

.Titulo_azul3 a:link{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #3B5998;
	font-weight: bolder;
}

.Titulo_azul3 a:visited{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #3B5998;
	font-weight: bolder;
}



#entrevista {
	width: 400px;
	top: 104px;
	float:left;
	border-top-color: #EEEEEE;
	border-bottom-color: #EEEEEE;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	margin-top: 7px;
	margin-bottom: 7px;
	padding-top: 10px;
	padding-bottom: 10px;
}


#equipo {
	width: 530px;
	top: 104px;
	float:left;
	border-top-color: #9FD3EC;
	border-bottom-color: #9FD3EC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	margin-top: 7px;
	margin-bottom: 7px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #E2F3FC;
	padding-right: 10px;
	padding-left: 10px;
}


#equipo2 {
	width: 530px;
	top: 104px;
	float:left;
	border-top-color: #9FD3EC;
	border-bottom-color: #9FD3EC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	margin-top: 7px;
	margin-bottom: 7px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

#entrevista2{
	width: 400px;
	top: 104px;
	float:left;
	border-top-color: #EEEEEE;
	border-bottom-color: #EEEEEE;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	margin-top: 7px;
	margin-bottom: 7px;
	padding-top: 10px;
	padding-bottom: 10px;
}


#entrevista4{
	width: 400px;
	top: 104px;
	float:left;
	border-top-color: #EEEEEE;
	border-bottom-color: #EEEEEE;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	margin-top: 7px;
	margin-bottom: 7px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.tamano{
	width: 125px;
	float:right;
}

.tamano2{
	width: 125px;
	height:70px;
	float:right;
}

.tamano3{
	float:right;
}


.alertbox
  {
    background  : url(images/dialog-help.png) no-repeat scroll left top;
    margin      : 0 10px;
    padding     : 0 0 5px 40px;
    font-family : Verdana;
    font-size   : 12px;
    text-align  : left;
  }
  .alertbox .buttons
  {
    text-align  : right;
  }
 


.celeste_color{
	background-color:#E2F2FA;
}


/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#terminos {
	float: left;
	width: 400px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 50px;
	padding-left: 25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	height: 2000px;
}