@charset "ISO-8859-1";

/* General Reset
--------------------------------------------------*/

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

/* General
--------------------------------------------------*/

body {
	font-size: 62.5%;
	font-family: 'Trebuchet MS', 'verdana', 'arial', sans-serif; 
	background: #5c599e;
	color:#FFF;
      } 


#container {
	width: 850px;  
    margin: 0 auto; 
    text-align: left;
	border: #444 0px solid;
	}


p, a 	{
	font-size: 1.4em;
	line-height: 1.6em;
	}


a 	{ 
	text-decoration: underline;
	}


a:hover {
	color: red;
}

a:visited {
	color: purple;
	}	
	
	
h1 {
	font-size: 2em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.75em;
}

h1, h2 {
	font-family: 'Impact', 'Arial Black', sans-serif;
	letter-spacing: 0px; 
	font-weight: normal;
	margin-bottom: 0.5em;
}

h3 {
	font-family: 'Trebuchet MS', 'verdana', 'arial', sans-serif; 
	font-weight: normal;
	margin-bottom: 0.5em;
}

p {
	font-family: 'Trebuchet MS', 'verdana', 'arial', sans-serif; 
	font-weight: normal;
	margin-bottom: 0.5em;
}	

div.clearer {
	clear: both; 
	}
	
	
/* Header
--------------------------------------------------*/

#header {
	float: left;
	width: 100%;
	height: 80px;
	position: relative;
	}
	
	
#header img {
	position: absolute;
	top: 25px;
	left: 65px;
}	
	
#header p.direccion {
	position: absolute;
	top: 0px;
	right: 35px;
	font-size: 1.25em;
	line-height: 1.4em;
	text-align: left;
	color: #fff;
	height: 80px;
	width: 180px;
	background: url(../images/address_bg.png) no-repeat 25px 0px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 45px;
	border: #444 0px solid;
	}

	

#header h1 {
	color: #fff;
	padding: 0px 0px 0px 60px;
	}
	
#header h2 {
	color: #ccc;
	padding: 5px 0px 0px 200px;
	}
	
#header ul {
	position: absolute;
	bottom: -60%;
	right: -13px;
	height: 50px;
	width: 525px;
	list-style: none;
	background: url(../images/navigation_bar.png) no-repeat top left;
	padding: 0px 25px;
}


#header li {
	float: left;
	margin: 0;
	padding: 0;
}


#header li a {
	display: block;
	background: transparent;
	padding: 12px 15px 4px 15px;
	color: #000;
	text-decoration: none;
}


#header li:hover a {
	color: red; 
}


#header .active {
	float: left;
	margin: 0;
	padding: 0;

}


#header .active p {
	font-weight: bold;
	color: #444;
	padding: 12px 15px 4px 15px;
}


/* MainTop
--------------------------------------------------*/

.primary #mainTop div.mainBox {
	float: right;
	display: block;
	background: url(../images/main_box.png) no-repeat right top;
	width: 775px;
	height: 365px;
	margin: 50px 35px 0px;
	overflow: hidden;
}

.primary #mainTop div.mainBox img {
	float: left;
	margin: 11px 0px 10px 12px;
	border: #444 0px solid;
}

.primary #mainTop div.mainBox div.mainContent {
	float: left;
	width: 400px;
	border: #444 0px solid;
}

.primary #mainTop div.mainBox div.mainContent h1{
	color: #444;
	padding: 20px 30px 0px 20px;
	border: #444 0px solid;
}

.primary #mainTop div.mainBox div.mainContent p {
	color: #444;
	padding: 0px 30px 10px 20px;
	border: #444 0px solid;
}

.primary #mainTop div.mainBox div.mainContent a {
	font-size: 1em;
	color: #444;
}

.primary #mainTop div.mainBox div.mainContent a:hover {
	color: red;
}

.primary #mainTop div.mainBox div.mainContent a:visited {
	color: purple;
	}


/* Secondary Menu
--------------------------------------------------*/	
	
.secondary #mainTop #leftContent {
	float: left;
	display: block;
	width: 250px;
	margin: 60px 0px 0px 0px;
}

.secondary #leftContent ul#secondaryMenu {
	margin: 0px 0px 0px 65px;	
	width: 200px;
	padding: 0px;
	list-style: none;
}


.secondary #leftContent ul#secondaryMenu li h2 {
	color: #444;
	background: url(../images/secondary_nav_top.gif) no-repeat left top;
	margin: 0;
	padding: 5px 25px;
	width: 100%;
}


.secondary #leftContent ul#secondaryMenu li a {
	display: block;
	color: #000;
	background: url(../images/secondary_nav.gif) no-repeat left top;
	margin: 0;
	padding: 7px 25px;
	text-decoration: none;
}

.secondary #leftContent ul#secondaryMenu li a:hover {
	background-position: 0% -50px;
	color: #FFF;
}

.secondary #leftContent ul#secondaryMenu li a.active {
	display: block;
	color: #FFF;
	background: url(../images/secondary_nav.gif) no-repeat 0% -102px;
	margin: 0;
	padding: 7px 25px;
	text-decoration: none;
}


.secondary #leftContent ul#secondaryMenu li a#menu_bottom {
	display: block;
	color: #000;
	background: url(../images/secondary_nav_bottom.gif) no-repeat left top;
	margin: 0;
	padding: 5px 25px 22px;
	text-decoration: none;
}

.secondary #leftContent ul#secondaryMenu li a#menu_bottom:hover {
	background-position: 0% -50px;
	color: #FFF;
}

.secondary #leftContent ul#secondaryMenu li a#menu_bottom.active {
	display: block;
	color: #FFF;
	background: url(../images/secondary_nav_bottom.gif) no-repeat 0% -100px;
	margin: 0;
	padding: 5px 25px 22px;
	text-decoration: none;
}	

/* RightContent
--------------------------------------------------*/	

.secondary #mainTop #rightContent {
	float: right;
	width: 525px;
	margin: 45px 35px 0px 0px;
}
	
	
.secondary #mainTop #rightContent div.mainBox img {
	float: left;
	margin: -10px 0px;
	border: #444 0px solid;
}
	
.secondary #mainTop #rightContent div.mainBox div.mainContent {
	background: url(../images/right_box_center.png) left repeat-y;
	padding: 0px 30px 0px 30px;
	border: #444 0px solid;
}
	
.secondary #mainTop #rightContent div.mainBox div.mainContent h1{
	color: #444;
	line-height: 1em;
	padding: 0px 0px 0px 0px;
	margin-top: 18px;
	border: #444 0px solid;
}

.secondary #mainTop #rightContent div.mainBox div.mainContent p {
	color: #444;
	padding: 0px 0px 0px 0px;
	border: #444 0px solid;
}

.secondary #mainTop #rightContent div.mainBox div.mainContent img.imgContent {
	margin: 20px 0px 15px;
}


.secondary #mainTop #rightContent div.mainBox div.mainContent ul {
	padding: 0px 10px 0px 20px;
	list-style: disc;
}

.secondary #mainTop #rightContent div.mainBox div.mainContent div#photoGallery ul {
	list-style: none;
}

.secondary #mainTop #rightContent div.mainBox div.mainContent li {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #444;
	padding: 0px 30px 10px 0px;
	border: #444 0px solid;
}

.secondary #mainTop #rightContent div.mainBox div.mainContent a {
	font-size: 1em;
	color: #444;
}

.secondary #mainTop #rightContent div.mainBox div.mainContent a:hover {
	color: red;
}

.secondary #mainTop #rightContent div.mainBox div.mainContent a:visited {
	color: purple;
	}		

	
/* Contact Form
--------------------------------------------------*/	

.secondary #mainTop #rightContent div.mainBox div.mainContent .accesos {padding-bottom: 10px;}
.secondary #mainTop #rightContent div.mainBox div.mainContent .accesos iframe {margin: 0px;}	
	
/* Office Location
--------------------------------------------------*/	

.secondary #mainTop #rightContent div.mainBox div.mainContent .localizacion:after { /* for browsers that support :after */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

.secondary #mainTop #rightContent div.mainBox div.mainContent .localizacion img {margin: 5px 15px 15px 0px;}
.secondary #mainTop #rightContent div.mainBox div.mainContent .localizacion p.localizacion {padding: 10px 0px 15px; font-size: 1.2em;}	
	
/* Footer
--------------------------------------------------*/

#footer {
	float: left;
	clear: both;
	width:100%;
	padding: 10px 0px;
}


#footer p {
	color: #fff;
	font-size: 1em;
	width:90%;
	margin: 0 auto;
	text-align: center;
	line-height: 2.5em;
}

#footer p.logos {
	text-indent: -20px;
}

#footer a {
	color: #fff;
	font-size: 1em;
}

#footer a:hover {
	color: red;
}
	
#footer img {
	margin: 0px 5px 0px;
}