/** ASPECTOS GENERALES **/

body {
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
    padding-left: 45px;
	background-image:url('http://www.marambio.aq/images/fondoaq2010.jpg');
	background-color:#FFFFFF;
	background-attachment:fixed;
}

@font-face {
  font-family: 'Arial';
/**  src: url('http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic'); **/
}

.titular {
  	font-family: 'Arial', serif;
  	font-size: 32px;
    font-style:normal;
  	font-weight: bold;
  	text-shadow: 0.1px 0.1px 0.2px #F2F2F2;
  	text-decoration: none;
  	text-transform: none;
  	letter-spacing: -0.03em;
  	word-spacing: 0em;
  	line-height: 1.1;
	color:#E77817;
	text-shadow: #f2f2f2;
}

.bajada {
  font-family: 'Arial', serif;
  font-size: 21px;
  font-style: normal;
  font-weight: bold;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: -0.04em;
  word-spacing: -0.05em;
  line-height: 1.1;
  color:#008FD5;
}

.footer {
	margin-top: 40px;
	vertical-align:bottom;
}

.header {
	margin-top: 10px;
	vertical-align: top;
}

div.cajatexto {
	width: 650px;
}

/** VINCULOS **/

a:link    {
	color: #E77817;
	text-decoration: underline;
	font-weight: bold;
}

a:visited {
	color: #E77817;
	font-weight: bold;
}

a:hover   {
	color: #008FD5;
	text-decoration: none;
	font-weight: bold;
}

a:active  {
	color: #008FD5;
	font-weight: bold;
}

/** MANEJO DE IMAGENES **/

.imagenDER {
	background-color: #F2F2F2;
	padding: 4px;
	border: 1px solid #D2D2D2;
	float: right;
    margin: 0px 0px 5px 5px;
}

.imagenIZQ {
	background-color: #F2F2F2;
	padding: 4px;
	border: 1px solid #D2D2D2;
	float: left;
	margin: 0px 5px 5px 0px;
}

.imagenTIT {
	background-color: #F2F2F2;
	padding: 4px;
	border: 1px solid #D2D2D2;
	margin: 0px 0px 5px 0px;
}

.imagenCENTRO {
	background-color: #F2F2F2;
	padding: 4px;
	border: 1px solid #D2D2D2;
	margin: 0px 0px 5px 0px;
	float: inherit;
}

/** FORMATOS DE TEXTO **/

.texto {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.texto-tabla {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}
.textoN {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

.textoN-tabla {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}

.textoCITA {
	font-family: Arial;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
}

h1 {
	font-family:'Myriad Pro', Helvetica, Arial, serif;
	src: url('http://www.marambio.aq/fonts/MyriadPro-Bold.otf');
	font-size:48px;
	font-weight:bold;
	font-style:normal;
	color:#E77817;
	padding: 20px 0 0 0;
}

h2 {font-family:'Myriad Pro', Helvetica, Arial, serif;
    src: url('http://www.marambio.aq/fonts/MyriadPro-Bold.otf');
	font-size:30px;
	font-weight:normal;
	font-style:normal;
	color:#3293CA;
}

.titulogral {
	font-family: Arial;
	font-size: 19px;
	font-style: normal;
	font-weight: bold;
}
.titulogralCEL {
	font-family: Arial;
	font-size: 19px;
	font-style: normal;
	font-weight: bold;
	color:#008FD5;
}
.titulogralNAR {
	font-family: Arial;
	font-size: 19px;
	font-style: normal;
	font-weight: bold;
	color:#E77817;
}
.titulobajada {
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}
.articulosN {
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
.articulos {
	font-family: Arial;
	font-size: 14px;
	font-style:normal;
	font-weight: normal;
}
.piedepagina {
	font-family: Arial;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
}
.datostabla {
	font-family: Arial;
	font-style: normal;
	font-size: 11px;
	font-weight: normal;
}
.datostablaN {
	font-family: Arial;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
}
.titulobajadaROJO {
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #F30;
}

.textoROJO {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #F30;
}

.textoNROJO {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #F30;
}

/** FORMATO DE TABLAS **/ /** TABLA A **/
#tabla-a {
	font-size: 12px;
	margin: 5px;
	width: 600px;
	text-align: left;
	border-collapse: collapse;
}

#tabla-a th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #B9C9FE;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #FFFFFF;
	color: #003399;
}

#tabla-a td {
	padding: 4px;
	background: #FFFFFF; 
	border-bottom: 1px solid #FFFFFF;
	color: #669;
	border-top: 1px solid transparent;
}

#tabla-a tr:hover td {
	background: #DEEFF9;
	color: #0000E6;
}

/** FORMATO DE TABLAS **/ /** TABLA B **/

#tabla-b {
	font-size: 12px;
	margin: 5px;
	width: 800px;
	text-align: left;
	border-collapse: collapse;
}

#tabla-b th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	/** background: #B9C9FE; **/
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #FFFFFF;
	color: #003399;
}

#tabla-b td {
	padding: 4px;
	background: #FFFFFF; 
	border-bottom: 1px solid #FFFFFF;
	color: #669;
	border-top: 1px solid transparent;
}

#tabla-b tr:hover td {
	/** background: #DEEFF9; **/
	color: #0000E6;
}

/** TICKER DE NOTICIAS **/

#ajaxticker1 {
	width: 650px;
	height: 50px;
	border: 1px #E9E9E9;
	padding: 2px;
	background-color: #FFFFFF;
}

#ajaxticker1 div {
	background-color: #FFFFFF;
}

ul, li {
	padding-left:5px;
	text-indent:-17px;
	margin-left:20px;
	margin-top:8px;
	list-style:square inside url("http://www.marambio.aq/images/arrow.gif");
}

li.nada {
	list-style:none;
	list-style-type:none;
}

/** CONFIGURACION DE BREADCRUMS **/

#crumbs {
	border:1px solid #DAF4FF;
	height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;

}

#crumbs li {
	float:left;
	line-height:1.5em;
	padding-left:.75em;
	color:#777;
}

#crumbs li a {
	display:block;
	padding:0 15px 0 0;
	background:url(images/crumbs.jpg) no-repeat right center;
}

#crumbs li a:link, #crumbs li a:visited {
	text-decoration:none;
	color:#777;
}

#crumbs li a:hover, #crumbs li a:focus {
	color:#DD2C0D;
}

/** MENU CHROME **/

.chromestyle {
  width: 99%;
  font-weight: bold;
}

.chromestyle:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.chromestyle ul {
	border: 1px solid #F2F2F2;
	width: 100%;
	/*background: url(chromebg.gif) center center repeat-x; */
	padding: 0px 0px;
	margin: 0;
	text-align: left;
}

.chromestyle ul li {
	display: inline;
}

.chromestyle ul li a {
	color: #E77817;
	padding: 4px 7px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #F2F2F2;
	font:normal 12px Arial;
	font-weight: bold;
	line-height:25px;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected {
}

/** MENU DROPDOWN **/

.dropmenudiv {
	position:absolute;
	top: 0;
	border: 1px solid #F2F2F2; /*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:normal 11px Arial;
	line-height:20px;
	z-index:200;
	background-color: white;
	opacity: 0.95;
	width: 200px;
	visibility: hidden;
}

.dropmenudiv a {
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #F2F2F2; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	color:#607B9F;
}

* html .dropmenudiv a {
	width: 100%;
}

.dropmenudiv a:hover {
	background-color: #F1BB89;
}

/** LIGHTBOX HOVER MOUSEOVER **/
}
a.1 {
	text-decoration: none;
	color: #000000;
}
.t11 {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
}

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #F2F2F2;
padding: 0px; 
left: 0px;
border: 1px gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 5px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -90px;
left: 0px; /*position where enlarged image should offset horizontally */

}

/** CSS Timeline **/

ul.events {
             list-style-type: none;
             margin: 0;
             padding: 0 0 20px 0;
         }

         ul.events li {
             -webkit-border-radius: 11px;
             -moz-border-radius: 11px;
             border-radius: 11px;
             background: #eee;
             border: 1px solid #ddd;
             color: #707070;
             font-size: 1.2em;
             font-weight: bold;
             margin-bottom: 6px;
             padding: 3px 0;
             position: relative;
             text-align: center;
         }

         ul.events li em {
             color: #aaa;
             font-weight: normal;
             font-size: 0.9em;
         }

         ul.intervals {
             list-style-type: none;
             padding: 0;
             display: block;
         }

         /* The width depends on the number of intervals. For example 100 / 7 = 14.29% -- then subtract a little bit for room for the borders */
         ul.intervals li {
             background: #fff url(/images/1x1_eee.gif) repeat-x left 10%;
             border-right: 1px solid #ccc;
             color: #999;
             float: left;
             font-size: 1.2em;
             margin: 0;
             padding: 15px 0;
             text-align: center;
             width: 14.17%;
         }

         ul.intervals li.first {
             border-left: 1px solid #ccc;
         }