/* Start of CMSMS style sheet 'listmenu_h' */
/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 29px; /* I'm using ems and px to allow people to zoom their font */
 left: 0px;
 width: 180px;
 text-align:left;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 178px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 margin-right: -1px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 line-height:11px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
 background: #868686;
 border: 1px solid #656262;
 margin-bottom: -1px;

}
.menulist ul>li:last-child {
 margin-bottom: 2px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding:4px 4px 4px 8px;
 color:#FFFFFF;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */

.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color:#6c6c6c;
}
.menulist a.highlighted {
 color: #FFF;
 background-color:#6c6c6c;
}

 
/*  B O T O N E S   D E L   M E N Ú   P R I N C I P A L  */

.menulist a#boton1 {
background-image:url(images/menu_01_off.gif);
padding:0px; margin-right:1px;
}
.menulist a#boton1:hover, .menulist a.highlighted#boton1, .menulist a:focus {
background-image:url(images/menu_01_on.gif);
}
.menulist a#boton2 {
background-image:url(images/menu_02_off.gif);
padding:0px; margin-right:1px;
}
.menulist a#boton2:hover, .menulist a.highlighted#boton2, .menulist a:focus {
background-image:url(images/menu_02_on.gif);
}
.menulist a#boton3 {
background-image:url(images/menu_03_off.gif);
padding:0px; margin-right:1px;
}
.menulist a#boton3:hover, .menulist a.highlighted#boton3, .menulist a:focus {
background-image:url(images/menu_03_on.gif);
}
.menulist a#boton4 {
background-image:url(images/menu_04_off.gif);
padding:0px; margin-right:1px;
}
.menulist a#boton4:hover, .menulist a.highlighted#boton4, .menulist a:focus {
background-image:url(images/menu_04_on.gif);
}
.menulist a#boton5 {
background-image:url(images/menu_05_off.gif);
padding:0px; margin-right:1px;
}
.menulist a#boton5:hover, .menulist a.highlighted#boton5, .menulist a:focus {
background-image:url(images/menu_05_on.gif);
}
.menulist a#boton6 {
background-image:url(images/menu_06_off.gif);
padding:0px; margin-right:1px;
}
.menulist a#boton6:hover, .menulist a.highlighted#boton6, .menulist a:focus {
background-image:url(images/menu_06_on.gif);
}

/*  F I N   D E   B O T O N E S  */


/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */
/* End of 'listmenu_h' */

/* Start of CMSMS style sheet 'style' */
body {
	background-color: #333333;
	background-image: url(images/fondo.gif);
	text-align:center;
	padding:16px;
	margin:0px;
}

.Blanco, a.Blanco:link, a.Blanco:visited, a.Blanco:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.Blanco:hover {
	text-decoration: underline;
}

.GrisOscuro, a.GrisOscuro:link, a.GrisOscuro:visited, a.GrisOscuro:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

a.GrisOscuro:hover {
	text-decoration: underline;
}

.GrisOscuroPeq, a.GrisOscuroPeq:link, a.GrisOscuroPeq:visited, a.GrisOscuroPeq:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

a.GrisOscuroPeq:hover {
	text-decoration: underline;
}
.GrisClaroPeq, a.GrisClaroPeq:link, a.GrisClaroPeq:visited, a.GrisClaroPeq:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}


a.GrisClaroPeq:hover {
	text-decoration: underline;
}
.AzulOscuro, a.AzulOscuro:link, a.AzulOscuro:visited, a.AzulOscuro:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #184d7c;
	text-decoration: none;
}

a.AzulOscuro:hover {
	text-decoration: underline;
}

.AzulMedio, a.AzulMedio:link, a.AzulMedio:visited, a.AzulMedio:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6699cc;
	text-decoration: none;
}

a.AzulMedio:hover {
	text-decoration: underline;
}

.VerMas, a.VerMas:link, a.VerMas:visited, a.VerMas:active {
	width:46px;
	height:14px;
	background-image:url(images/ver_mas_off.gif);
	display:block;
	float:right;
}
.VerMas:hover, a.VerMas:hover {
	background-image:url(images/ver_mas_on.gif);
}

ul {
	list-style-image:url(images/bullet.gif);
	margin-left:15px;
	padding-left:15px;
	padding-top:0px;
	margin-top:0px;
}
li {

}
.fotoPeq {
	padding:1px;
	margin:0px 14px 10px 0px;
	border:1px solid #bdbdbd;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#dcdcdc,direction=135,strength=3);
	background-color:#FFFFFF;
	float:left;
}
.fotoPeq2 {
	padding:1px;
	margin:0px 0px 10px 14px;
	border:1px solid #bdbdbd;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#dcdcdc,direction=135,strength=3);
	background-color:#FFFFFF;
	float:right;
}
.fotoGde {
	padding:1px;
	margin:0px 0px 10px 0px;
	border:1px solid #bdbdbd;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#dcdcdc,direction=135,strength=3);
	background-color:#FFFFFF;
	float:left;
}

.box {
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#cccccc; 
	scrollbar-base-color:#333333;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#EEEEEE;
	scrollbar-shadow-color: #EEEEEE; 
	scrollbar-track-color: #ffffff;
}
.preview1, a.preview1:link, a.preview1:visited, a.preview1:active { 
	background-image:url(images/preview_aeropanamericanos1.gif);
	background-repeat: no-repeat;
	float:left;
	margin-left:11px;
}
a.preview1:hover {
	background-image:url(images/preview_aeropanamericanos1_on.gif);
}
.preview2, a.preview2:link, a.preview2:visited, a.preview2:active { 
	background-image:url(images/preview_aeropanamericanos2.gif);
	background-repeat: no-repeat;
	
	float:left;
	margin-left:9px;
}
a.preview2:hover {
	background-image:url(images/preview_aeropanamericanos2_on.gif);
}
.preview3, a.preview3:link, a.preview3:visited, a.preview3:active { 
	background-image:url(images/preview_aeropanamericanos3.gif);
	background-repeat: no-repeat;
	float:left;
	margin-left:9px;
}
a.preview3:hover {
	background-image:url(images/preview_aeropanamericanos3_on.gif);
}
.preview4, a.preview4:link, a.preview4:visited, a.preview4:active { 
	background-image:url(images/preview_blincosa.gif);
	background-repeat: no-repeat;
	float:left;
	margin-left:9px;
}
a.preview4:hover {
	background-image:url(images/preview_blincosa_on.gif);
}
.preview5, a.preview5:link, a.preview5:visited, a.preview5:active { 
	background-image:url(images/preview_blindados_oriente.gif);
	background-repeat: no-repeat;
	float:left;
	margin-left:9px;
}
a.preview5:hover {
	background-image:url(images/preview_blindados_oriente_on.gif);
}
.preview6, a.preview6:link, a.preview6:visited, a.preview6:active { 
	background-image:url(images/preview_blinpasa.gif);
	background-repeat: no-repeat;
	float:left;
	margin-left:9px;
}
a.preview6:hover {
	background-image:url(images/preview_blinpasa_on.gif);
}
.preview7, a.preview7:link, a.preview7:visited, a.preview7:active { 
	background-image:url(images/preview_blinzoca.gif);
	background-repeat: no-repeat;
	float:left;
	margin-left:9px;
}
a.preview7:hover {
	background-image:url(images/preview_blinzoca_on.gif);
}
.preview8, a.preview8:link, a.preview8:visited, a.preview8:active { 
	background-image:url(images/preview_los_ruices1.gif);
	background-repeat: no-repeat;
	float:left;
	margin-left:9px;
}
a.preview8:hover {
	background-image:url(images/preview_los_ruices1_on.gif);
}
.preview9, a.preview9:link, a.preview9:visited, a.preview9:active { 
	background-image:url(images/preview_los_ruices2.gif);
	background-repeat: no-repeat;
	float:left;
	margin-left:9px;
}
a.preview9:hover {
	background-image:url(images/preview_los_ruices2_on.gif);
}
.preview10, a.preview10:link, a.preview10:visited, a.preview10:active { 
	background-image:url(images/preview_santa_monica.gif);
	background-repeat: no-repeat;
	float:left;
	margin-left:9px;
}
a.preview10:hover {
	background-image:url(images/preview_santa_monica_on.gif);
}
.preview11, a.preview11:link, a.preview11:visited, a.preview11:active { 
	background-image:url(images/preview_tranex.gif);
	background-repeat: no-repeat;
	float:left;
	margin-left:9px;
}
a.preview11:hover {
	background-image:url(images/preview_tranex_on.gif);
}

.URLBlanco a:link, a:visited, a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.URLBlanco a:hover {
	text-decoration:underline;
}

.noticiasUL li {
        border-top: 1px dotted #CCC;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 11px;
        list-style-image: url(images/bullet_noticias.gif);
        margin-bottom: 8px;
        margin-left: 5px;
}
.noticiasUL a:link, .noticiasUL a:visited, .noticiasUL a:active {
        color: #184d7c;
        text-decoration:none;
}
.noticiasUL a:hover {
        text-decoration:underline;
}

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;

}

.thumbnail span { /*CSS para span que contiene información e imágenes*/
	position: absolute;
	background-color: #002258;
	padding: 1px 6px 1px 6px;
	border: 1px solid #294881;
	visibility: hidden;
	color:#6699cc;
	text-decoration: none;
	font-size:11px;
	left: -1000px;
}
.thumbnail:hover span { /*CSS para el prendido del span*/
	visibility: visible;
	margin-top: 60px;
	top:0px;
	margin-left:0px;
}
/* End of 'style' */