/* Diseņo y Creatividad Styles */

body { margin: 0px; color: #FFF; }

/* Se aplica a la celda que contiene la marca */
.encabezado { height: 30px; background-color: #9E9E9E; font-family: Helvetica, sans-serif; font-size: 16px; color: #FFF; font-weight: normal; padding-left: 100px; text-align: left; vertical-align: middle;  }

/* Se aplica a la celda que contiene el speech */
.speech { height: 30px; font-family: Helvetica, sans-serif; font-size: 12px; color: #FF3300; font-weight: normal; padding-right: 20px; text-align: right; vertical-align: middle; }

/* Se aplica a la celda que contiene el texto izquierdo principal */
.textoDescriptivo { font-family: Helvetica, sans-serif; font-size: 13px; color: #9E9E9E; font-weight: normal; line-height: 1.3; padding-left: 20px; padding-right: 18px; text-align: right; vertical-align: top;  }

/* Se aplica al div o span en la celda que contiene el texto descriptivo del pie de foto */
.pieFoto { font-family: Arial; font-size: 9px; color: #333; font-weight: lighter; text-align: left; }

/* Se aplica al div o span en la celda que contiene el titulo del pie de foto */
.TituloPieFoto { font-family: Arial; font-size: 9px; color: #333; font-weight: 800; text-align: left; }

/* Menu */
ul.franjas {
	width:700px;
	height:130px;
	margin:0px;
	padding:0px;
	font-family: Helvetica, sans-serif;
	font-size:10px;
}

ul.franjas li {
	display:inline; 
	margin:0; 
	padding:0;
}

ul.franjas li a {
	display:block; 
	height:120px; 
	width:30px; 
	border-right:1px solid #f6f6f6; 
	text-align:justify;
	float:left; 
	outline:none; 
	text-decoration:none;
}

ul.franjas li a b {
	display:block; 
	font-size:11px;
	text-transform:uppercase;
	margin-bottom:10px;
}

a.s1 {background-color:#FF3300; color:#FFF;}
a.s2 {background-color:#FF6600; color:#FFF;}
a.s3 {background-color:#FF9900; color:#FFF;}
a.s4 {background-color:#FFCC00; color:#FFF;}
a.s5 {background-color:#333333; color:#FFF;}
a.s6 {background-color:#626662; color:#FFF;}
a.s7 {background-color:#959899; color:#FFF;}
a.s8 {background-color:#C5C7CC; color:#FFF;}
a.s9 {background-color:#FF3300; color:#FFF;}


ul.franjas li a span {
	display:none; 
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-top: 20px;
	text-align:justify;}

ul.franjas li a:hover {
	width:350px;}

ul.franjas li a:hover span {
	display:block;}

ul.franjas img {
	float: left; 
	margin-right:20px;
	margin-bottom:100px;
	/*border:6px solid F2F2F2;*/
}