#feature 	{
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.6;
	width: 750px; /* This is the width  */
	margin: 20px auto; /* margin top/bottom and centering  */
	padding: 20px; /* Padding inside */
	background: #FFF;	/* Background color  */
	border: 1px solid #CCC; /* border around  */
	}

#feature h1 { margin: 0; }
.f-box 		{ height:20px; width:20px; background:white; float:left; margin-top:3px; }

#feature p 	{ margin: 0; padding: 7px 0; }

.clear 		{ clear: both; line-height: 1px; font-size: 1px; }

#feature a 	{ outline-color: #888;	}

#feature h3 { margin: 0;	padding: 7px 0 0 0;
				font-size: 16px; text-transform: uppercase;
				}

div#feature_list 	{
	max-height: 300px;
	overflow: hidden; position: relative;
	margin: 10px 28px;
	}

div#feature_list-r 	{
	height: 160px;
	overflow: hidden; position: relative;
	margin: 5px 0 0 50px;
	}
		
div#feature_list ul, div#feature_list-r ul {
	position:relative;
	list-style: none;	
	padding: 0;	margin-top: 10px;
	text-align:center;

	}

/* List */

ul#tabs {
	left: 0px;
	z-index: 2;
	text-decoration:none;
	margin:auto;
	}

ul#tabs li { font-size: 12px; font-family: Arial; }

ul#tabs li a 	{
	color: #222;
	text-decoration: none;	
	display: block;
	padding: 13px 14px 14px;
	outline: none;
	float:left;
	}

ul#tabs li a h3 { padding: 0; margin: 0; line-height: 0;  }
ul#tabs li a:hover h3 { color:#00BDBD; }

ul#tabs li a.current {
	color: #000;
	background-color:white;
	border-left: 3px double #00BDBD;
	border-right:3px double #00BDBD;
	}

ul#tabs li a.current h3 {
	color: #000;
}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
	}

/* Output */

ul#output {
	clear:both;
	min-height:180px;
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden;
	margin:auto;
	background-color:white; 
	}

ul#output-r {
	right: 30px;
	width: 630px;
	position: relative;
	}
	
ul#output p     { color:black; }

ul#output-r p	{ color:black; margin-top:3px; }

ul#output li {
	position: absolute;
	background:white;
}
	
ul#output-r li {
	position: absolute;
	width: 610px;
	background:white;
	border-radius:0 10px 10px 0;
	height:143px;
	}

ul#output li a {
	position: absolute;
	bottom: 10px; right: 10px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	-moz-border-radius: 5px;
	}

ul#output li a:hover { background:#B33A00; }

/* Responsive Slide */

.callbacks_container { position: relative; float: left; width: 100%; }

.callbacks {  position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }

.callbacks li { position: absolute; width: 100%; left: 0; top: 0;  }

.callbacks img {  display: block; position: relative; z-index: 1; max-height:90%; max-width:90%; border: 0; margin:auto;  }

.callbacks .caption { display: block; width: 200px; position: absolute; z-index: 2; text-shadow: none; background: rgba(0,0,0, .8); right: 250px; top: 10px; text-align:center; margin-top:10px;   }

.callbacks .caption h4 { color:#FFF; text-align:center; line-height:18px; font-family:Georgia, "Times New Roman", Times, serif; }
.callbacks-p  { padding:0 !important; text-align:center !important; font-family:Georgia, "Times New Roman", Times, serif; }
.callbacks-pw  { padding:20px 5px !important; font-size:12px !important;    }

.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 30%; opacity: 0.1; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 80px; width: 43px; background: transparent url("../images/m-navs.png") no-repeat left top;   }
.callbacks_nav:hover { opacity:0.8; }
.callbacks_nav:active { opacity: 1.0; }
.callbacks_nav.next { left: auto; background-position: right top; right:0; }
.libros	{ max-height: 50% !important; margin-top:10px !important; }
.web-box	{  max-height:100%; max-width:90%; background:#141414; margin:auto; border-radius:10px; }
.web-box h2 	{ text-align:center !important; color:#FFF !important; }
.web-box img	{ height:70px; margin-top:50px; }
.web-box .done	{ height:150px !important; margin-top:15px; border-radius:10px; padding-bottom:15px; }
.web-box p		{ text-align:center !important; font-size:12px !important; padding-bottom:20px !important; }
