/*** GLOBAL  ***/
html,body{height:100%;}
body {
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	margin:0 auto;
	padding:0;
	color:#333;
	height:100%;
	line-height:23px;
	background-color:#ececec;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* para remover la linea punteada, pero complica las cosas! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #e0e0e0;
	background-color: #e0e0e0;
	height: 1px;
	margin:0px 0px 10px 0px;
	padding:0px;
}
*+html hr{margin:0px 0px 5px 0px;}

/*** TERMINA GLOBAL  ***/

/*** ESTILOS DE LOS ELEMENTOS COMUNES ***/
/* heading */
h1, h2{margin-bottom:15px;	font-family:tahoma, Arial;	font-weight:normal; color:#6d6d6d}
h3, h4, h5, h6{margin-bottom:8px;	font-family:Arial, Verdana, Tahoma;	font-weight:normal; color:#6d6d6d}
h1 {font-size:24px; line-height:26px;}
h2 {font-size:18px; line-height:20px;text-transform:uppercase;}
h3 {font-size:16px; line-height:18px;}
h4 {font-size:14px; line-height:15px;}
h5, h6 {font-size:13px; line-height:15px;}

/* eslabones */
a {color:#ff9900; text-decoration:none;}
a:hover{color:#fa9b0e; text-decoration:underline;}
a img{border:none}
.imgleft{float:left; margin-right:15px;}
.imgleftborder{float:left; border:1px solid #c5c5c5; padding:3px;}
.imgright{float:right; margin-left:15px;}
.imgcenter{ margin:5px auto 10px auto; display:block; text-align:center}
/* listas, blockquotes and parrafos */
p, ul, ol, blockquote {
	font-size:11px;
	margin-bottom:15px;
}
ul, ol {
	margin:10px 0 35px 30px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#6b6b6b;
	padding:0px 20px 10px 35px;
	background-image:url(../images/quote.gif);
	background-repeat:no-repeat;
	}
	
blockquote.quotebold{font-size:14px; font-style:normal; margin:0px 0px 0px 80px; padding:0px 20px 10px 35px; color:#b3b3b3}
blockquote.quotebold p{font-size:14px;}

/* codigo */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #e0e0e0;
	padding:15px 10px;
}

/*Nuestra Historia Portadas gallery */


.gallerycontainer{
position: relative;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
	background-color: transparent;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.thumbnail:hover img{
border: 1px solid blue;
}

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

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


/*** HASTA AQUI EL ESTILO DE LOS ELEMENTOS COMUNES ***/


/*** CONTENEDOR ***/
#container{background-image:url(../images/bg_container.gif); background-repeat:repeat-y; width:968px; margin:0 auto}
#centercolumn{width:940px; margin:0 auto;}
/*** TERMINA CONTENEDOR ***/

/*** ENCABEZADO ***/
#header{}
#top{background-image:url(../images/bg_top.gif); background-repeat:repeat-x; height:88px; padding:10px 0px 0px 0px}
#logo{float:left; width:470px; height:88px;}
#topcontact{float:left; width:470px; text-align:right;  height:88px;}
#topnavigation{background-image:url(../images/bg_navigation.gif); background-repeat:no-repeat; height:60px; z-index:9; position:relative}
#navigation{float:left; width:675px;}
#nav{margin:0px; padding:0px; list-style-type:none;  z-index:9; position:relative; }
#nav ul{margin:0px; padding:0px; list-style-type:none; z-index:10; position:relative}
#nav li{list-style-type:none; padding:0px; margin:0px; float:left; background-image:url(../images/menu_separator.gif); background-repeat:no-repeat;position:relative; background-position:right}
#nav li a{color:#fff; text-transform:uppercase; font-weight:bold; font-size:12px; height:52px; display:block; float:left; padding:8px 30px 0px 30px; margin-right:2px; position:static; z-index:1}
* html #nav li a{margin-right:1px;} /* ie6 solo para MS Internet Explorer 6 */
#nav li a:hover{color:#00ee00; text-decoration:none}
#nav li a.active{background-image:url(../images/active_menu.gif); background-repeat:repeat-x;   z-index:1}
#nav li li{
margin-top:0;
background-image:none;
padding:0px;
border-bottom:solid 1px #9d9d9d;
background-color:#868686;
background-image:none;
position:relative;
z-index:10
}
#nav ul {
display:none;
left:-1px;
position:absolute;
top:41px;
width:172px;
z-index:10
}
#nav li ul a{
width:128px;
height:auto;
float:left;
text-align:left;
padding:0 21px;
text-transform:capitalize;
font-size:11px;
font-weight:normal;
line-height:33px;
z-index:10
}
#nav ul ul{top:auto;border-top:none;}	
#nav li ul ul {left:153px; top:0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}
#nav li ul a{border-top:none;}
#topsearch{float:left; width:245px; padding-left:20px}
#topsearch p{margin:0px;}
.bg_input{background-image:url(../images/bg_search.gif); background-repeat:no-repeat; width:200px; height:24px; display:block; margin:8px 0px 0px 0px}
.inputbox{background:transparent; border:0px; width:156px; padding:4px 0px 5px 0px; margin-left:28px; color:#857f7f; text-align:left; overflow:hidden  }
/*** TERMINA EMCABEZADO ***/


/*** CONTENIDO ***/
#content, #content_inner{padding:0px 0px 30px 0px}
/* lado izquierdo */
#contentleft{width:630px; float:left; padding-right:30px}
* html #contentleft{float:left; padding-right:28px} /* ie6 only */
#maintext{padding:0px 10px 0px 10px;}
h1.italictext{font-style:italic !important;}
h1.pagetitle{font-size:18px; text-transform:uppercase}
.boldtext{font-size:13px; color:#6d6d6d; line-height:24px;}
ul.list_colleft{list-style-type:none; padding:10px 0px 0px 0px; margin:0px; width:270px; float:left}
ul.list_colleft li{list-style-type:none; padding:0px; margin:0px; clear:left}
ul.list_colright{list-style-type:none; padding:10px 0px 0px 50px; margin:0px; width:270px; float:left}
ul.list_colright li{list-style-type:none; padding:0px; margin:0px; clear:left}
/* lado derecho */
#contentright{width:280px; float:left;}
#sideright{padding:0px 10px 0px 0px;}
/* noticias */
.latestnews{margin-bottom:10px;}
ul.news{ list-style-type:none; margin:0px; padding:0px 0px 0px 0px;}
ul.news li{border-bottom:solid 1px #f0f0f0; clear:left; padding:0px 0px 10px 0px; margin-bottom:10px; min-height:70px}
* html ul.news li{height:70px;} /* solo para ie6  */
.imgborder{border:solid 1px #f0f0f0; padding:3px;}
.date{color:#999999;}
.navscroll{clear:left; background-image:url(../images/bg_navscroll.gif); background-repeat:no-repeat;; height:40px; position:relative;}
a.next, a.prev{width:7px; text-indent:-9999px; position:absolute;}
a.next{background-image:url(../images/icon_next.gif); background-repeat:no-repeat; right:50px}
a.prev{background-image:url(../images/icon_prev.gif); background-repeat:no-repeat; right:85px}
/* PDF del mes */

/* contenedor standard */
.box{background-image:url(../images/bg_box.gif); background-repeat:repeat-x; border:solid 0px #eeeded; padding:20px; margin-bottom:30px}
#boxslideshow{margin:0px; position:relative;}
#boxslideshow .cycle{
	background-color:#FFFFFF;
	width:230px;
	height: 230px;
}
/* contenedor standard 2 */
.box2{background-image:url(../images/bg_box.gif); background-repeat:repeat-x; border:solid 0px #eeeded; padding:20px; margin-bottom:30px}
#boxslideshow2{margin:0px; position:relative;}
#boxslideshow2 .cycle2{ background-color:#FFFFFF;width:230px;height:auto}
/*** TERMINA EL CONTENIDO ***/


/* -------------------------FORMA DE CONTACTO-------------------------- */

#contact p, label, legend { font: 1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 650px; margin: 50px auto; padding: 35px; border: 1px solid #cbcbcb; background-color: #FFF; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 300px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; cursor: default; }
#contact fieldset { padding:20px; border:1px solid #eee; moz-border-radius:5px; -webkit-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px 6px; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius:5px; -webkit-border-radius:5px; }

ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }


/*---------------------------- Cuerpo en la página CONTACT  ----------------------------*/
.input{
	width:250px;
	height:30px;
	border:1px solid #ccc;
	background-color:#fff;
	padding-top:6px;
}

.textArea{
	height:205px;
	width:300px;
	padding-top:0px;
	font-family:Arial;
	font-size:12px;
	padding-top:8px;
	padding-bottom:8px;
}

.errorMessage{
	color:#cc0000;
}

/*Termina Pagina de Contacto*/


/*** PIE DE PAGINA ***/
#footer{height:60px; background-color:#f2f2f2; color:#454545;}
#footer a, #footer a:visited{color:#454545;}
#footer a:hover{color:#454545; text-decoration:underline}
#footleft{width:570px; padding:0px 0px 0px 30px; float:left;}
#footertext{padding:20px 0px 0px 0px;}
#footright{width:310px; padding:20px 30px 0px 0px; float:left;}
#footer ul{list-style-type:none; margin:0px; padding:0px; float:right}
#footer ul li{list-style-type:none; margin:0px; padding:0px; float:left;}
#footer li a {
	border: none;
	background: url(../images/social.gif);
	background-repeat:no-repeat !important;
	width:26px;
	display:block;
	height:25px;
	margin-right:6px;
	text-indent: -9999px;
}

#footer li a:hover {border: none;}

#footer-linkedin a {background-position: 0px 0px;}
#footer-linkedin a:hover {background-position: 0px -25px;}

#footer-facebook a {background-position: -32px 0px !important;}
#footer-facebook a:hover {background-position: -32px -25px !important;}

#footer-twitter a {	background-position: -64px 0px !important;}
#footer-twitter a:hover {background-position: -64px -25px !important;}

#footer-flickr a {background-position: -96px 0px !important;}
#footer-flickr a:hover {background-position: -96px -25px !important;}

#footer-rss a {background-position: -128px 0px !important;}
#footer-rss a:hover {background-position: -128px -25px !important;}
/*** TERMINA PIE DE PAGINA ***/
#container #centercolumn #content #contentleft #maintext div h1 a {
	color: #12913C;
}
#container #centercolumn #content #contentleft #maintext div h1 strong a {
	color: #FD8E17;
}
#container #centercolumn #content #contentleft #maintext div h1 a em {
	color: #F79338;
}