/* CSS Page */

/* Developed by Mike Weiss of mjmediateam.com*/

/*-------- Elements --------*/

* {
	margin:0;
	padding:0;
	text-align: left;

}



body {
	height:100%;
	text-align:center;
	background-color: #9cb7ce;

}



#container {
	margin:0 auto;
	min-height:100%;
	position:relative;
	text-align:justify;
	width:730px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}



#header h1 {

color:#445971;

font-family:Arial, Helvetica, sans-serif;

font-size:36px;

padding:10px 0 0;

text-transform:uppercase

}



#header h2 {

color:#fff;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-style:italic;

margin:-13px 0 0 13px;

padding-bottom:30px

}



#focus {
	height:240px;
	width:730px;
	background-color: #50647B;
	background-image: url(../images/man.jpg);
	background-repeat: no-repeat;
	background-position: center center;

}




#navigation {
	background:url(../images/left.gif) no-repeat top left #50647B;
	float:left;
	height:240px;
	cursor: hand;

}
#container #middle #focus #quicksearch a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 5px;
}
#container #middle #focus #quicksearch img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#container #middle #focus #quicksearch h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 10px;
	margin-left: 20px;
}





#navigation h3 {

display:none

}



#navigation ul {

color:#FFF;

font-family:Arial, Helvetica, sans-serif;

list-style-type:none;

margin:20px auto auto 20px;

text-transform:uppercase

}



#navigation ul li {

overflow:hidden;

width:150px

}



#navigation a {

border-bottom:1px solid #7E9CC1;

color:#FFF;

display:block;

font-size:14px;

padding:10px 0 10px 8px;

text-decoration:none;

width:150px

}



#navigation a:hover {

padding:10px 0 10px 20px

}



#navigation a.active,#navigation a.active:hover {
	border-bottom:3px solid #7E9CC1;
	cursor:hand;
	font-weight:700;
	padding:10px 0 10px 8px;
	list-style-image: none;
	list-style-position: inside;
	background-color: #50647b;
	color: #FFFFFF;

}



#quicksearch {
	float:right;
	height:240px;
	width:200px;
	background-color: #50647B;
	background-repeat: no-repeat;
	background-position: right top;
	list-style-image: url(../images/boomm6.gif);
	list-style-position: inside;

}

#middle {

padding:0 0 60px

}



/*  Content Elements  */

#content {
	margin:10px 0 0;
	background-color: #f2f3f4;
	background-image: url(../images/top.gif);
	background-repeat: no-repeat;
	background-position: center top;

}





#content hr {

clear:both;

visibility:hidden

}



#content p.top {

background:url(../images/bottom.gif) bottom center no-repeat;

margin:0;

padding:30px 0 0;

text-align:right

}



#content p.top a {

background:url(../images/arrow_up.gif) center left no-repeat;

margin:0 30px;

padding:0 0 0 15px

}



#content h3 {

border-bottom:1px solid #7E9CC1;

color:#304f78;

font-family:"Times New Roman", Times, serif;

font-size:18px;

font-style:italic;

margin:5px 10px

}



#content p {
	text-align:left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;

}



#content h4 {

font-size:11px;

line-height:15px;

margin:2px 10px

}



#content .date {

background:url(../images/date.gif) center left no-repeat #FFF;

color:#445971;

padding:0 0 0 20px

}



#content a {

color:#50647b;

text-decoration:none

}



#content img {
	border:0px none #FFFFFF;
	margin:5px 0px;
	margin-left: 30px;

}




html,* html #container {
	height:100%;
	color: #50647B;

}



/*  Footer  */

* html #footer {

margin-top:-50px

}



#footer {

background:url(../images/footer.gif) top center no-repeat #7e9CC1;

height:50px;

margin:-50px auto 0;

position:relative;

text-align:center;

width:730px

}



#footer a:hover,#content a:hover {

text-decoration:underline

}



#footer p {
	color:#fff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:15px 0 0;
	text-align: center;

}
#container #middle #content .row .onequartercolumn img {
	margin: auto;
}




#footer a {

color:#fff;

text-decoration:none

}



/*  Classes  */

.left {

float:left

}



.gray {
	background-color:#F2F3F4;

}
.right {
	border-top-color: #9CB7CE;
	border-right-color: #9CB7CE;
	border-bottom-color: #9CB7CE;
	border-left-color: #9CB7CE;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

#container #middle #focus #navigation .active br {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}







/*  Content Controllers  */

/*  Use this to make a new row of columns  */

#content .row {

margin:5px auto;

overflow:hidden;

width:98%

}



/*  Combine columns to form a layout  */

.fullcolumn {

float:left;

width:99%

}



.threequartercolumn {

float:left;

width:100%

}
#container #middle #focus #navigation #manfoto {
	margin-left: 200px;
	height: 249px;
	padding: 0 180px 100px auto;
}




.halfcolumn {

float:left;

width:49%

}



.onethirdcolumn {

float:left;

width:33%

}



.twothirdcolumn {

float:left;

width:65%

}




.onequartercolumn {
	float:left;
	width:24%;

}


#container #middle #focus #quicksearch .row {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
}

.mail span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
#contacto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 10px;
	text-align: left;
	margin-left: 20px;
}
#topbar {

	text-align: right;
}
#container #middle #focus #navigation .active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 10px 0 10px 8px;
}
.table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	background-color: #f2f3f4;
	padding-left: 0px;
}