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

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
	

	}

html {
	overflow: -moz-scrollbars-vertical;
	}

body > #wrap {
	height: auto; 
	min-height: 100%;
	}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(/img/background.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

#main {
	padding-bottom: 50px;
	clear:both;
margin:0 auto;
padding-left:10px;
padding-right:10px;
width:750px;
	}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
	background-color:#666;
	background-image:url(/img/fotter.png)
	}
	
.footDivBox {
	position:relative;
	top:10px;
	width: 650px;
	height:18px;
	left:50%;
	margin-left:-325px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color: #CCC;
	font-weight:lighter;
	text-align:right;
}
	

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix { 
height: 1%;
}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */





#header {
	background-image:url(/img/head.png);
height:57px;
padding:0px;
}

#logoHead {
	position:absolute;
	background-image:url(/img/logotipoHead.png);
	background-repeat:no-repeat;
	width:265px;
	height:212px;
	left:50%;
	margin-left:140px;
	}
	
	
	
	
	
	
/* CSS texto */
	

/* CSS texto */


/* CSS CONTEUDOS */

.tituloDiv {
	position: relative;
	float:left;
	top:40px;
	width:650px;
	left:50px;
	height:40px;
	font-size:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	}
	
.titulo2Div {
	position: relative;
	float:left;
	top:40px;
	width:650px;
	left:50px;
	height:40px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	}
	
	
.boxBodyWhite {
	position: relative;
	float:left;
	top:60px;
	width:650px;
	left:50px;
	background-image:url(/img/boxTransp.png);
	border:solid #FC0 thin;
	margin-bottom:76px;
	}
.boxDentro {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	position: relative;
	margin:40px;
	margin-top:30px;
	margin-bottom:30px;
	color:#333;
	line-height:140%;
	}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	margin-bottom:22px;
	}


a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
-->




/* CSS CONTEUDOS */




/* CSS MENU */

.menuDivBox {
	position:relative;
	width: 650px;
	height:44px;
	left:50%;
	margin-left:-325px;
}

	


.MenuTextBox {

	position:relative;
	padding:14px 20px 14px 20px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color: #FFD100;
	text-shadow: #000 2px 2px 2px;

}
.MenuTextBoxActive {
	background-image:url(/img/boxTranspMenu.png);
	color:#FFF;

}

a.menuLink {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color: #FFD100;
	text-shadow: #000 2px 2px 2px;
	}
	
a.menuActive {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color: #fff;
	text-shadow: #000 2px 2px 2px;
	}
	
	
/* CSS MENU */


/* TABS */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 22px;
	border-bottom: 1px solid #FF0;
	border-left: 1px solid #FF0;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 21px;
	line-height: 21px;
	border: 1px solid #FF0;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 10px;
	border: 1px solid #FF0;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #FF0;
	border-top: none;
	clear: both;
	float: left; 
	width: 550px;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	
}
.tab_content {
	padding: 10px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}
/* TABS */





/* Galeria */

#imgBack {
	width:570px;
	height:272px;
	background-image:url(/img/base_gal.png);
	background-repeat:no-repeat;
	padding-top:24px;
	float:left;
	}



/* Galeria */

#facebook { width:82px; height:21px; position:absolute; top:0px; left:2px;}


.tabDiv { float:left; margin-left:10px;}