/* CSS Document */

html, body {
	margin:0;
	background-color:#FFF;
	line-height: 16px;
}
body, input, textarea, select, option {
	font-family:Arial, Sans-serif;
	font-size:11px;
	color: #595959;
}
input, textarea, select, option {
	color:#595959;
	background:#FFF;
}
a {
	color:#0068B3;
	text-decoration:none;
}
a:hover {
	color:#EE3024;
	text-decoration:underline;
}
form {
	margin:0;
	padding:0;
}
img {
	border:0;
}
.hidden {
	display:none;
}
.clear {
	clear:both;
}
#page-container {
	width:977px;
	margin:0 auto;
	padding:0;
}

/********* BEGIN HEADER AREA STYLES ********/

#header {
	width:977px;
	height:86px;
	margin:0;
	padding:0;
}

#header .logo {
	width:304px;
	height:86px;
	margin:0;
	padding:0;
	float:left;
}
#header .search {
	width:100px;
	height:31px;
	margin:0;
	padding:0;
	float:right;
}
#header .search .home a {
	width:26px;
	height:31px;
	margin:0 17px 0 0;
	padding:0;
	float:left;
	background-image:url(../images/img-nav/sec-nav-icon-home.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
#header .search .home a:hover {
	background-position:0 -31px;
}
#header .search .home a span {
	display:none;
}
#header .search .contact a {
	width:31px;
	height:31px;
	margin:0 13px 0 0;
	padding:0;
	float:left;
	background-image:url(../images/img-nav/sec-nav-icon-contact.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
#header .search .contact a:hover {
	background-position:0 -31px;
}
#header .search .contact a span {
	display:none;
}
#header .search .search-area {
	width:175px;
	height:31px;
	margin:0 0 0 0;
	float:right;
	background-image:url(../images/img-nav/sec-nav-icon-search.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
#header .search input {
	width:120px;
	height:16px;
	margin:5px 0 0 32px;
	padding:2px 0 0 3px;
	border:1px solid #999999;
}

#header .nav {
	position:relative;
	width:500px;
	height:25px;
	margin:14px 0 0 0;
	padding:0;
	float:right;
	clear:right;
	background-color:#FFFFFF;
}
/********* BEGIN SECONDARY NAVIGATION STYLES ********/
/********* To change the secondary navigation, start by creating new images with the psd template provided, then alter the widths of the following section accordiningly ********/
ul#navigation {
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	width:510px;
	height:25px;
}
ul#navigation li {
	position:relative;
	float:left;
	display:block;
	height:25px;
}
ul#navigation li a {
	display:block;
	height:25px;
}
ul#navigation li span {
	display:none;
}
ul#navigation li.nav-01 a { background-image:url(../images/img-nav/sec-nav-about.gif); width:110px; }
ul#navigation li.nav-02 a { background-image:url(../images/img-nav/sec-nav-servicios.gif); width:67px; }
ul#navigation li.nav-03 a { background-image:url(../images/img-nav/sec-nav-noticias.gif); width:65px; }
ul#navigation li.nav-04 a { background-image:url(../images/img-nav/sec-nav-ligas.gif); width:110px; }
ul#navigation li.nav-05 a { background-image:url(../images/img-nav/sec-nav-contacto.gif); width:70px; }
ul#navigation li.nav-06 a { background-image:url(../images/img-nav/sec-nav-media.gif); width:69px; }
ul#navigation li.nav-07 a { background-image:url(../images/img-nav/sec-nav-home.gif); width:50px; }

ul#navigation li a:hover { background-position:0px -23px;}

/********* END SECONDARY NAVIGATION STYLES ********/

/********* END HEADER AREA STYLES ********/

/********* BEGIN SECONDARY IMAGE AREA STYLES ********/
#sec-image-area {
	width:977px;
	height:260px;
	clear:both;
}
#sec-image-area .left, #sec-image-area .right {
	width:488px;
	height:260px;
	float:left;
}
#sec-image-area .right {
	width:488px;
	height:260px;
	background-image:url(../images/secondary/sec-image-right.gif);
	background-repeat:no-repeat;
}
#sec-image-area .right h2 {
	font-family:Myriad Web Pro, Myriad Pro, Myriad, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#EB6E1F;
	letter-spacing:.25em;
	padding:15px 0 20px 15px;
	margin:0;
}
#sec-image-area .right .headline {
	font-family:Myriad Web Pro, Myriad Pro, Myriad, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#FFFFFF;
	padding:0 0 14px 16px;
	margin:0;
	line-height:30px;
}
#sec-image-area .right .intro {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	color:#FFFFFF;
	width:415px;
	padding:0 0 0 16px;
	margin:0;
	text-align:justify;
}
/********* END SECONDARY IMAGE AREA STYLES ********/

/********* BEGIN SECONDARY COLUMNS AREA STYLES ********/
#landing-columns {
	width:955px;
	margin:0 auto 16px auto;
	clear:both;
}
#landing-columns a {
	color:#EB6E1F;
	text-decoration:none;
}
#landing-columns a:hover {
	text-decoration:underline;
}
#landing-columns .category {
	font-family:Myriad Web Pro, Myriad Pro, Myriad, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#0068B3;
	height:28px;
}
#landing-columns .right-category {
	font-family:Myriad Web Pro, Myriad Pro, Myriad, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#0068B3;
	padding-top:10px;
	height:28px;
	width:170px;
	border-bottom:1px solid #D2D7DB;	
}

#landing-columns .category a, #landing-columns .right-category a {
	font-family:Myriad Web Pro, Myriad Pro, Myriad, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#0068B3;
	height:28px;
	text-decoration:none;
}
#landing-columns .category a:hover, #landing-columns .right-category a:hover {
	color:#EB6E1F;
	height:28px;
	text-decoration:underline;
}
#landing-columns .right-label {
	font-family:Myriad Web Pro, Myriad Pro, Myriad, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#EB6E1F;
	height:28px;
}


#landing-columns .three {
	font-color:#555555;
	font-size:12px;
	line-height:18px;
	width:276px;
	margin:16px 0 12px 0;
	padding:0 20px;
	border-left:1px solid #D2D7DB;
	float:left;
}
#landing-columns .three-first {
	font-color:#555555;
	font-size:12px;
	line-height:18px;
	width:276px;
	margin:16px 0 0 0;
	padding:0 20px;
	border-left:1px solid #FFFFFF;
	float:left;
}
#landing-columns .three-link {
	font-size:12px;
	line-height:normal;
	width:276px;
	height:24px;
	margin:0 0 20px 0;
	padding:0 20px;
	border-left:1px solid #D2D7DB;
	float:left;
}
#landing-columns .three-link-first {
	font-size:12px;
	line-height:normal;
	width:276px;
	height:24px;
	margin:0 0 20px 0;
	padding:0 20px;
	border-left:1px solid #FFFFFF;
	float:left;
}

#landing-columns .four {
	font-color:#555555;
	font-size:12px;
	line-height:18px;
	width:197px;
	margin:16px 0 0 0;
	padding:0 20px;
	border-left:1px solid #D2D7DB;
	float:left;
}
#landing-columns .four-first {
	font-color:#555555;
	font-size:12px;
	line-height:18px;
	width:197px;
	margin:16px 0 0 0;
	padding:0 20px;
	border-left:1px solid #FFFFFF;
	float:left;
}
#landing-columns .four-link {
	font-size:12px;
	line-height:normal;
	width:197px;
	height:24px;
	margin:0 0 20px 0;
	padding:0 20px;
	border-left:1px solid #D2D7DB;
	float:left;
}
#landing-columns .four-link-first {
	font-size:12px;
	line-height:normal;
	width:197px;
	height:24px;
	margin:0 0 20px 0;
	padding:0 20px;
	border-left:1px solid #FFFFFF;
	float:left;
}
#landing-columns .five {
	font-color:#555555;
	font-size:12px;
	line-height:18px;
	width:150px;
	margin:16px 0 0 0;
	padding:0 20px;
	border-left:1px solid #D2D7DB;
	float:left;
}
#landing-columns .five-first {
	font-color:#555555;
	font-size:12px;
	line-height:18px;
	width:150px;
	margin:16px 0 0 0;
	padding:0 20px;
	border-left:1px solid #FFFFFF;
	float:left;
}
#landing-columns .five-link {
	font-size:12px;
	line-height:normal;
	width:150px;
	height:24px;
	margin:0 0 20px 0;
	padding:0 20px;
	border-left:1px solid #D2D7DB;
	float:left;
}
#landing-columns .five-link-first {
	font-size:12px;
	line-height:normal;
	width:150px;
	height:24px;
	margin:0 0 20px 0;
	padding:0 20px;
	border-left:1px solid #FFFFFF;
	float:left;
}

#landing-columns .long-copy-left {
	width:180px;
	padding:16px 0 24px 0;
	margin:0;
	float:left;
}
#landing-columns .long-copy-right {
	width:744px;
	padding:16px 0 24px 20px;
	margin:0;
	float:right;
	border-left:1px solid #D2D7DB;
}
.mas_serv {
	clear:both;
	padding-left:20px;
}
#landing-columns .mas_serv a{
	color:#0068B3;
	padding:0 15px;
	font-size:11px;
	font-weight:bold;
}

#landing-columns .mas_serv a:hover{
	padding:0 15px;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
	color:#EB6E1F;
}
/********* END SECONDARY COLUMNS AREA STYLES ********/



/********* BEGIN FOOTER STYLES ********/

#footer {
	width:977px;
	height:20px;
	margin:12px 0 0 0;
	float:right;	
	font-size:10px;
	font-weight:normal;
	color:#9B9FA2;
}
#footer a {
	color:#9B9FA2;
}
#footer .left {
	width:345px;
	float:left;
	text-align:left;
	padding-left:11px;
}
#footer .right {
	width:500px;
	float:right;
	text-align:right;
	padding-right:11px;	
}

/********* END FOOTER STYLES ********/