/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
img{
	border: none;
	}
body {
	font: normal 13px/16px Tahoma, Geneva, sans-serif;
	color: #333;
}
#top {
	background: url(img/bg_top.jpg) top center no-repeat;
	height: 560px;
}
.content {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#logo {
	position: absolute;
	left: 0;
	top: 0;
}
#menu {
}
/*SLIDE*/
.slide {
	width: 980px;
	height: 560px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 15px!important;
	margin-right: 12px;
	z-index: 0;
}
/*--Main Container--*/
.slide .main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.slide .window {
	height:560px;
	width: 980px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.slide .image_reel {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -99;
}
.slide .image_reel div {
	float: left;
}
/*--Paging Styles--*/
.slide .paging {
	position: absolute;
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	bottom: 50px;
	right: 10px;
	width: 100px;
	height:20px;
	z-index: 1; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}
.slide .paging a {
	padding: 2px 4px;
	text-decoration: none;
	color: #000;
	background: #fff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #333;
}
.slide .paging a.active {
	font-weight: bold;
	background: #000;
	border: 1px solid #000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#FFF;
}
.slide .paging a:hover {
}
.slide .slide-round {
	background: url(img/slide-round.gif);
	width: 730px;
	height: 270px;
	position: absolute;
	left: 0;
	top: 0;
}
.slide .info {
	position: absolute;
	float: right;
	color:#000;
	width: 550px;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}
.slide #s1 .info {
	left: 430px;
	bottom: 100px;
}
.slide #s2 .info {
	left: 1410px;
	bottom: 100px;
}
.slide #s3 .info {
	left: 2390px;
	bottom: 100px;
}
.slide #s4 .info {
	left: 3370px;
	bottom: 100px;
}
.slide #s5 .info {
	left: 4350px;
	bottom: 100px;
}
.slide .info div {
	font: normal 18px/22px Tahoma, Geneva, sans-serif;
	background-color: #FFF;
	color: #000;
	text-align: right;
	margin-bottom: 1px;
	padding: 0 10px;
	width: auto;
	float: right;
	clear:both;
}
.slide .info div.black {
	background-color: #000;
	color: #fff;
}
.slide .info .small {
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	padding: 20px 0;
	color: #CCC;
}
.sombra {
	position:absolute;
	left: 0;
	top:516px;
	z-index: 50;
	width: 980px;
	height: 45px;
}
/*MENU*/
#menu-contenedor {
	position: relative;}
#menu {
	margin:0px;
	padding:0px;
	list-style:none;
	color:#555;
	display:inline-block;
	float:left;
	z-index:51;
	background: url(img/bg_menu.png) top repeat-x;
	font: bold 13px/20px Tahoma, Geneva, sans-serif;
	position: absolute;
	top: 0;
	left:262px;
	width: 713px;
	padding-left: 5px;
}
#menu a {
	color:#555;
	text-decoration:none;
}
#menu > li {
	background:#transparent none repeat scroll 0 0;
	cursor:pointer;
	float:left;
	position:relative;
	padding: 9px 5px;
}
#menu > li a{
	padding:0px 6px 0 5px;
	display: block;
			border:1px solid transparent;
	
}
#menu > li a:hover {
	color:#3A5896;
	background-color: #FF9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

/* sub-menus*/
#menu ul {
	padding:0px;
	margin:0px;
	display:block;
	display:inline;
}
#menu li ul {
	position:absolute;
	left:-10px;
	top:0px;
	margin-top:40px;
	width:145px;
	line-height:16px;
	background:#FBF182 url(img/bg_menu_ul.png) bottom repeat-x;
	color:#0395CC; /* for IE */
	display:none;
}
#menu li:hover ul {
	display:block;
}
#menu li ul li {
	display:block;
	margin:0 20px;
	padding: 8px 0px;
	border-top: dotted 1px #F5C42C;
	list-style-type:none;
	font: normal 12px/12px Tahoma, Geneva, sans-serif
}
#menu li ul li a:hover{
	background: none;
	
	}
#menu li ul li:first-child {
	border-top: none;
}
#menu li ul li a {
	display:block;
	color:#666;
}
#menu li ul li a:hover {
	color:#333;
}
/* main submenu */
#menu #main {
	left:0px;
	top:-20px;
	padding-top:20px;
	background-color:#7cb7e3;
	color:#fff;
	z-index:999;
}

/* corners*/
#menu .corner_inset_left {
	position:absolute;
	top:0px;
	left:-12px;
}
#menu .corner_inset_right {
	position:absolute;
	top:0px;
	left:145px;
}
#menu .last {
	background:transparent none repeat scroll 0% 0%;
	margin:0px;
	padding:0px;
	border:none;
	position:relative;
	border:none;
	height:0px;
}
#menu .corner_left {
	position:absolute;
	left:0px;
	top:0px;
}
#menu .corner_right {
	position:absolute;
	left:127px;
	top:0px;
}
#menu .middle {
	position:absolute;
	left:18px;
	height: 20px;
	width: 115px;
	top:0px;
}
.facebook{
	padding: 7px 0px 7px 7px;
	margin: 0;
	position:absolute;
	top: 0;
	right: 10px;
	z-index: 52;
	}
.facebook a, #menu .facebook a:hover{
	margin: 0;
	padding: 0;
	}

/*VIDEO*/
#video-contenedor{
		position: absolute;
	left: 30px; 
	top: 300px;
		
	}
#video{
	background-color: #000;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 4px;
	}
.boton-negro{
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	height: 16px;
	background: #000 url(img/flechita.png) right no-repeat;
	font: normal 12px/16px Tahoma, Geneva, sans-serif;
	border: none;
	width: auto;
	color:#FFF;
	margin-top: 5px;
	padding: 0 10px;
	}
.boton-negro a{
	color: #999;
	text-decoration: none;
	display: block;
	}
.boton-negro a:hover{
	color: #FFF;
	text-decoration: none;
	}
.w100{
	width: 100px;
	}
	
/*CONTENT*/
#content{
	width: 980px;
	margin: 2px auto;
	overflow: hidden;
	}
#cols{
	}
.col{
	float: left;
	}
.col1{
	width: 430px;
	}
.col2{
	width: 550px;
	}
.col3{
	width: 980px;
	}
.col4{
	width: 550px;
	}
.col5{
	width: 410px;
	}
.col-content-padding{
	padding: 0 30px;
	}
#stories{
	border: 1px solid #CCC;
	padding: 4px;
	overflow: hidden;
	}
.imagen{
	border: 1px solid #CCC;
	padding: 4px;
	overflow: hidden;

	}
.storie{
	width: 179px; height:275px; float: left; margin-right: 1px; position: relative;
	}
.storie-info{
	width: 159px;
	height: 80px;
	position: absolute;
	top:175px;
	left: 0;
	background-color: #FFC;
	padding: 10px;
	overflow: hidden;
	display: none;
	}
.storie-info h3{
	font: bold 16px/20px Tahoma, Geneva, sans-serif;
	color: #1A3F64;
	}
.storie-info p{
	font: normal 12px/14px Tahoma, Geneva, sans-serif;
	color:#333;
	}
.storie-info p a{
	font: bold 12px/14px Tahoma, Geneva, sans-serif;
	color:#222;
	}
#gallery{
	}
#gallery .pic img{
	width: 150px;
	height: 100px;
	float: left;
	border:1px solid #CCC;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	}
#videos{
	}
#videos .pic{
	width: 270px;
	float: left;
	border:1px solid #CCC;
	padding: 5px;
	margin-right: 20px;
	margin-bottom: 20px;
	}
#videos .pic img{
	width: 270px;
	height: 180px;
	overflow: hidden;
	}
#videos .info{
	padding: 10px;
	}
#videos .info h3{
	font: bold 12px/14px Tahoma, Geneva, sans-serif;
	color: #333;
	}
#videos .info p{
	font: normal 12px/16px Tahoma, Geneva, sans-serif;
	color: #666;
	}
.qa{
	padding: 10px 0;
	border-bottom: 1px dotted #CCC;

}
	
/*FOOTER*/
#footer{
	width: 980px;
	margin: 20px auto;
	}
#footer-menu{
	float: right;
	}
#footer-menu ul{
	}
#footer-menu li{
	font: normal 12px/16px Tahoma, Geneva, sans-serif;
	color: #666;
	float: left;
	list-style: none;
	}
#footer-menu li a{
	color: #666;
	display: block;
	padding: 0 10px;
	border-right: 1px solid #ededed;
	text-decoration: none;
	}
#footer-menu li a:hover{
	color: #333;
	text-decoration: none;
	}
#footer .modulo{
	background-color: #122941;
	padding: 20px;
		-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 10px 0;
	font: bold 12px/12px Tahoma, Geneva, sans-serif;
	color: #FFF;
	}
#footer .modulo a, #footer .modulo span{
	color: #FFC;
	}
#footer .modulo .left{
	float: left;
	}
#footer .modulo .right{
	float: right;
	}
#copyright{
	font: normal 11px/11px Tahoma, Geneva, sans-serif;
	float: right;
	padding-bottom: 20px;
	}

/*TEXTOS*/
a{
	text-decoration: none;
	color:#222;
	}
a:hover{
	text-decoration: none;
	color:#F07F26;
	}
h1{
	font: normal 40px/40px Tahoma, Geneva, sans-serif;
	color:#F07F26;
	}
h3{
	font: normal 16px/40px Tahoma, Geneva, sans-serif;
	color:#122941;
	}
p{
	font: normal 13px/18px Tahoma, Geneva, sans-serif;
	padding-bottom: 10px;}

.clear{
	clear:both;}	
.alerta1 {
	color: #333;
	padding: 5px 10px;
	font-size: 13px;
	margin-bottom: 15px;
	background: #FFC 10px 5px;
	padding-left: 15px;
	line-height: 16px;
	overflow: hidden;
	-webkit-border-radius:  15px;
	-moz-border-radius:  15px;
	border-radius:  15px;
}



    ?#overviewLeft{width: 55%; }

#overviewRight{ width: 40%; }



h2#featuresTitle

{

    background: url(../images/features_small.png) no-repeat left center;

    padding-left: 35px; 

    margin-top: 30px;

}

ul#featuresList

{

    font-size: 10pt;

}



#inlineContent{ width: 600px; height: 160px; padding-top: 40px; text-align: center; background: url(../images/background.gif) repeat; overflow: auto;}

#inlineContent p{ font-size: 24pt; }
ul.gallery{
	list-style:none;
	}

	
.list{
	width: 185px; height:185px; float: left; margin: 3px!important; position: relative;
	}
	.list .imagen{
		width: 185px!important;
		height: 185px;
		text-align: center;
		overflow: hidden!important;
		padding: 0!important;
		margin:0px!important;
		}
		.list .imagen img{
			height:185px;
		}
.list-info{
	width: 165px;
	height: 165px;
	position: absolute;
	top:1px;
	left: 1px;
	background-color: #FFC;
	padding: 10px;
	overflow: hidden;
	display: none;
	}
.list-info h3{
	font: bold 16px/20px Tahoma, Geneva, sans-serif;
	color: #1A3F64;
	}
.list-info p{
	font: normal 12px/14px Tahoma, Geneva, sans-serif;
	color:#333;
	}
.list-info p a{
	font: bold 12px/14px Tahoma, Geneva, sans-serif;
	color:#222;
	}
	ul.gallery li{
		float: left;
		padding:5px;
		border:1px solid #CCC;
		margin: 3px;
		}
		#video	ul.gallery li{
		border: none;
		padding: 0;
		margin: 0;
		}