/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
* { margin: 0; padding: 0; }
#page-wrap {
	width: 960px;
	margin: 20px auto;
}
a { text-decoration: none; }
a:hover { text-decoration: none; }
h3 { margin: 0 0 10px 0; }

.tabs { 
	list-style: none;
 	overflow: hidden; 
 	padding-left: 1px;
 	background-image:url(../images/fondo_menu.png);
 	background-position:bottom center;
 	background-repeat:no-repeat;
	border-bottom: 2px solid #CCCCCC;
 
}
.tabs li { display: inline;  }
.tabs li a { 
	display: block; 
	float:left; 
	padding: 4px 8px;
	color: black;
	/*border: 1px solid #ccc;
	background: #EB6E11; */
	margin: 0 0 0 -1px;
	text-decoration: none;
	border-radius: 10px;
}

.tabs li a:hover { 
	display: block; 
	float:left; 
	padding: 4px 8px;
	color: black;
	/*border: 1px solid #ccc;
	background: #EB6E11; */
	margin: 0 0 0 -1px;
	text-decoration: none;
	background: #CCCCCC;
}

.tabs li a.current {
	background: #999;
	border-bottom: 0; 
	position: relative; 
	top: 2px; 
	z-index: 2; 
	text-decoration: none;
}


.tabs1 { 
	list-style: none;
 	overflow: hidden; 
 	padding-left: 1px;
 	background-image:url(../images/fondo_menu.png);
 	background-position:bottom center;
 	background-repeat:no-repeat;
	border-bottom: 2px solid #CCCCCC;
	padding: 20px;
	font-size:20px;
	font-weight:bold;
 
}
.tabs1 li { 
display: inline;
/*padding-left: 25px;
padding-right: 25px;*/

}


.tabs1 li a { 
	display: block; 
	float:left; 
	/*padding: 4px 8px;*/
	color: #8F8F8F;
	/*border: 1px solid #ccc;
	background: #EB6E11; */
	margin: 0 0 0 -1px;
	text-decoration: none;
	border-radius: 5px;
	padding-left: 25px;
	padding-right: 25px;
	font-size:20px;
	font-weight:bold;
}

.tabs1 li a:hover { 
	display: block; 
	float:left; 
	/*padding: 4px 8px;*/
	color: black;
	/*border: 1px solid #ccc;
	background: #EB6E11; */
	margin: 0 0 0 -1px;
	text-decoration: none;
	background: #CCCCCC;
/*	padding-left: 25px;
	padding-right: 25px;*/
}

.tabs1 li a.current {
	/*background: #999;*/
	border-bottom: 0; 
	position: relative; 
	top: 2px; 
	z-index: 2; 
	text-decoration: none;
	color: black;
}



.box-wrapper { 
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
	padding: 20px;
	/*background: #fff url(../images/navigation-background.png);*/  
	background: #fff url(../images/fondo_menu.png); 
	background-position:bottom center;
	background-repeat: no-repeat;
	/*border: 1px dashed #333;*/
	border-bottom:#ccc solid 1px;
 	margin: -1px 0 0 0; 
	height: 360px; 
	position: relative; 
}

.box-wrapper1 { 
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
	padding: 20px;
	/*background: #fff url(../images/navigation-background.png);*/  
	background: #fff url(../images/fondo_menu.png); 
	background-position:bottom center;
	background-repeat: no-repeat;
	/*border: 1px dashed #333;*/
	border-bottom:#ccc solid 1px;
 	margin: -1px 0 0 0; 
	height: 360px; 
	position: relative; 
}

.content-box {
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 940px;
	height: 340px;
	text-align:justify;
}

.content-box1 {
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 940px;
	height: 360px;
	text-align:justify;
}
.current { z-index: 1000; }

/*.col-one, .col-two, .col-three { width: 30%; float: left; position: relative; top: 350px; }
.col-one, .col-two { margin-right: 3%; }
.col-one, .col-two { margin-right: 3%; }*/
.col-one { width: 250px; float: left; position: relative; top: 350px; }
.col-two { width: 340px; float: left; position: relative; top: 350px; }
.col-three { width: 320px; float: left; position: relative; top: 350px; }
.col-one, .col-two { margin-right: 10px; }