@charset "UTF-8";
* {  
    padding: 0;  
    margin: 0;  
    border: 0;  
}  

a:link {
	text-decoration: none;
	color: #7A8B92;
}
a:visited {
	text-decoration: none;
	color: #7A8B92;
}
a:hover {
	text-decoration: none;
	color: #C5CED3;
}
a:active {
	text-decoration: none;
	color: #7A8B92;
}


#base_contenedor {
	width:100%;
	
}
#bg {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    
	}

#base {
	height: 1165px;
	width: 750px;
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
	background:#FFF;
	padding: 0 40px;
	-moz-box-shadow: 3px 3px 10px #7A8B92;
    -webkit-box-shadow: 3px 3px 10px #7A8B92;
    box-shadow: 3px 3px 10px #7A8B92;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7A8B92')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#7A8B92');
	position:relative;
	
}
#base-contenedor{
	position:relative;
}

#withe01 {
	height: 25px;
	width: 750px;
	padding-top: 0px;
	background-color: #FFF;
	float: left;
}
#titu {
	float: left;
	height: 170px;
	width: 750px;
}
#solucion {
	float: left;
	height: 20px;
	width: 750px;
	font-family:Arial, Helvetica, sans-serif;
	color:#7A8B92;
	text-align: left;
	font-size: 16px;
}
	
#slides_base {
	float: left;
	height: 250px;
	width: 750px;
}
#texto {
	float: left;
	height: 180px;
	width: 750px;
	font-family: Arial, Helvetica, sans-serif;
	color:#7A8B92;
	text-justify:auto;
	text-align: justify;
	line-height:30px;
	font-size: 16px;
	padding-top:28px;
	padding-bottom:20px;	
}

#botones {
	float: left;
	height: 230px;
	width: 750px;
	font-family: Arial, Helvetica, sans-serif;
	color:#7A8B92;
	font-size:14px;
}
#footer01{
	float: left;
	height: 70px;
	width: 750px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7A8B92;
	text-align:left;
	margin-top: 20px;
	
}

#vimeo {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	border-radius:5px;
	background-color: #FFF;
	
	}
	
	/* fade slider */
#slides {
    height:250px;
    overflow:hidden;
	position: relative;
    width:750px;
	float:left;
}
#slides IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slides IMG.active {
    z-index:10;
    opacity:1.0;
}

#slides IMG.last-active {
    z-index:9;
}
.zitem {
	width:185px;
	height:185px;	
	
	
	/* required to hide the image after resized */
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}
.zitem img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
	top:0;
	left:0;
}