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

* { margin: 0; padding: 0; border, 0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0 solid #999;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background:none repeat scroll 0 0 #E8E6AC;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* { 
padding: 0; 
margin: 0; 
z-index: 1; 
}

h1{
	font-size: 22px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#000000;
	padding-left: 15px;
	line-height: 1.3em;
	padding-top: 5px;
}
h2{ font-size: 20px; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#333333; margin-top:25px; margin-bottom:6px;}
h3{ font-size: 18px; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#000;}
h4{
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	color:#4D2513;
	margin-top:20px;
	margin-left:13px;
}
h5{ font-size: 12px; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#656565;}
h6{ font-size: 10px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#656565;} /* font weight hace que el strong del html sea visible*/

li{ list-style: none;}

a{ text-decoration: none; font-size:12px; color:#FFFFFF;}

a:hover{ text-decoration:none; font-size:12px; color:#ffffff !important;}

p{
	color:#0b4357;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 16px;
}

span{font-weight:bold; color:#4D2513; font-style:italic;}

/*ejemplo para que funcione en todos los navegadores-----------------*/

/*#MyDiv {margin : 10px 10px 10px 10px;} firefox chrome*/

/* IE6 Only */
/** html #MyDiv {margin : 5px 5px 5px 5px;} IE6 se le agrega al nombre   "* html"          */

/* IE7 Only */
/**:first-child+html #MyDiv {margin : 2px 2px 2px 2px;} IE7 se le agrega al nombre   "*:first-child+html"         */

/*ejemplo para que funcione en todos los navegadores-----------------*/

/*CLASES GENERALES*/

* html body {
text-align:center;
}/*clase para centrar en IE6 pero no funciona*/

.wrapper{
width: 900px;
margin:0 auto;
background:#8acce3;
*margin-top:80px;
/*padding:13px 13px 0 13px;*/
} /*clase para centrar*/

* html .wrapper{
/*position:relative;*/
width:900px;
/*margin: 0 auto;*/
text-align:left;
} /*clase para centrar en IE6 pero no funciona*/

div.clearfix{
width:1px;
height:1px;
display:block;
clear:both;
content:".";
visibility:hidden;
}
* html div.clearfix{
width:1px;
height:1px;
display:block;
clear:both;
content:".";
visibility:hidden;
}/*clearfix para IE6*/

.active{color:#ffffff !important;}

/*---------------------------------header------------------------------------------*/
#header {
background:url("../images/bg-header.jpg") repeat-x scroll 0 0 transparent;
border-top:13px solid #8ACCE3;
height:144px;
*height:200px;
margin:80px 13px;
*margin:0px 13px;
*margin-bottom:13px;
}
#header li {
color:#000000;
float:left;
font-family:Verdana,Arial,Helvetica;
font-size:14px;
font-weight:bold;
margin-left:7px;
padding-left:20px;
padding-top:8px;
text-transform:uppercase;
}
#header li a{color:#000000;}
#logo {
float:left;
margin:-92px 0 0 64px;
width:98px;
}
#slogan {
	float:left;
	margin-left:65px;
	margin-top:30px;
}
#img-header {
float:left;
margin-left:45px;
margin-top:-85px;
}
#menu {
background:none repeat scroll 0 0 #8ACCE3;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
float:left;
height:34px;
margin-top:-10px;
width:874px;
*margin-bottom:13px;
}
/*---------------------------------content------------------------------------------*/
#content {
background:none repeat scroll 0 0 #FFFFFF;
border-left:13px solid #8ACCE3;
border-right:13px solid #8ACCE3;
}
#column1 {
background:none repeat scroll 0 0 #CCF0F7;
border-right:13px solid #8ACCE3;
padding-bottom:23px;
padding-top:13px;
width:657px;
min-height:660px;
}
#sub-nav-bottom {
margin-bottom:-25px;
margin-top:13px;
}
.sub-nav {
height:35px;
}
.sub-nav h2 {
color:#145565;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:18px;
font-style:italic;
margin-left:13px;
margin-top:0;
padding-right:14px;
}
.sub-nav ul {
margin-left:183px;
}
.sub-nav li {
float:left;
margin-left:12px;
margin-top:-2px;
min-width:110px;
position:relative;
}
.sub-nav a {
background:none repeat scroll 0 0 #E8E6AC;
border:2px solid #FFFFFF;
color:#1C566A;
float:left;
font-family:helvetica;
font-size:12px;
font-weight:bold;
min-width:110px;
padding:2px 10px;
text-align:center;
text-decoration:none;
}
.sub-nav .active{
border:2px solid #ffffff;
background:none repeat scroll 0 0 #b8b050;
color:#FFFFFF;
}
.sub-nav a:hover {
background:none repeat scroll 0 0 #B8B050;
}
.mark {
background:url("../images/text-bg.png") no-repeat scroll right bottom #E4F3F6;
border:2px solid #FFFFFF;
margin-left:13px;
padding-bottom:23px;
width:630px;
min-height:642px;
}
.mark h3{
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
font-style:italic;
margin:13px 13px 0;
}
#img-content {
	float:left;
	width:auto;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.img-border{
	border: 1px solid #8acce3;
	padding: 3px;
}
.text-span {
padding-bottom:40px;
padding-top:40px;
}

#column1 p {
	margin-top:10px;
	padding-left:13px;
	padding-right:13px;
}


#column2 {
background:none repeat scroll 0 0 #FFFFFF;
float:right;
padding-left:13px;
padding-right:13px;
width:178px;
}
#quick-contact {
margin-top:43px;
}
#quick-contact li {
height:37px;
margin-top:35px;
text-align:center;
*height:auto;
*padding-bottom:23px;
}
.button {
background:url("../images/button.png") no-repeat scroll center center transparent;
color:#000000;
font-family:verdana,arial,helvetica;
font-weight:bold;
height:37px;
padding:12px 34px;
text-align:center;
text-transform:uppercase;
width:153px;
}
.button:hover{opacity:0.6;}
#quick-contact li a:hover{
color:#4D2513 !important;
}
#quick-contact li a{
color:#aeaa58;
}
#network {
border-bottom:1px solid #000000;
border-top:1px solid #000000;
height:65px;
margin-top:25px;
padding-bottom:10px;
padding-top:12px;
width:178px;
}
#network li{
	float:left;
	margin-left:25px;
}
.facebook {
	background:url("../images/network.jpg") no-repeat scroll 0 0 transparent;
	height:60px;
	width:60px;
	margin-left: 35px;
}
.twetter {
background:url("../images/network.jpg") no-repeat scroll -78px 0 transparent;
height:60px;
width:60px;
}
#slideshow {
margin-top:35px;
}
#slideshow p{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	text-align: left;
}

#contact-info {
border:1px solid #B7B7B7;
margin-top:35px;
padding:20px 10px 13px;
}
#contact-info p {
color:#416F7F;
font-size:12px;
text-align:left;
}
#contact-info span{
color:#416F7F;
font-style:normal;
font-weight:bold;
}
#contact-info h4 {
color:#416F7F;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
margin-left:0;
margin-top:20px;
}




/*---------------------------------footer------------------------------------------*/

#footer {
background:none repeat scroll 0 0 #4D2513;
height:32px;
}
#footer p{
	color:#ffffff;
	line-height:11px;
}

#copyright {
float:left;
margin-left:13px;
margin-top:9px;
}

#info {
float:right;
margin-right:13px;
margin-top:9px;
overflow:visible;
}
.table_head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 2px;
	line-height: 30px;
	padding-left: 10px;
}
#footer a:hover{ text-decoration:underline;}