html, body{
	height:100%;
	width:100%;	
}
body{
	margin: 0;
	padding: 0;
	font-size:100%;	
	font-family: 'Open Sans', 'sans-serif';
	background-color:#2F2F2F;
	z-index:-5;
	overflow:hidden;
}
p{
	margin:0;
	padding:0;
}
a{
	font-family: 'Open Sans', 'sans-serif';
}
#wrapper{
	width:100%;
	height:100%;
	position:relative;
	z-index:2;
}
#header{
	background: #2f2f2f;
	height:80px;
	border-bottom:5px solid #004488;
}
#header img{
	margin: 20px 0 0 30px;
}
#header ul.menu{
	position:relative;
	z-index:15;
	list-style:none;
	float:right;
	margin:0 80px 0 0;
	padding:0;
	height:80px;
}
#header ul.menu li{
	display:inline;
}
#header ul.menu li a{
	padding:0 20px;
	margin-left:20px;
	display:inline-block;
	font-size:0.75em;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	line-height:90px;
}
#header ul.menu li a:hover, #header ul.menu li a.active{
	background: url(../img/bg_button.gif) repeat-x bottom;
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.61);
}
#content{
	height:83.26315789473684%;
}
#content img{
	width:100%;
	max-width:100%;
}
#footer{
	background: #2f2f2f;
	position:relative;
	bottom:0;
	left:0;
	border-top:4px solid #FFF;
	height:70px;
	width:100%;
	text-align:right;
	color:#FFF;
	font-size:0.875em;
}
#footer p, #footer span{
	margin-left:36px;
	display:block;
	line-height:70px;
	float:left;
}
#footer span{
	color:#FFF;
	float:right;
	display:block;
	margin-right:36px;
}
#footer span a{
	color:#FFF;
	text-decoration:none;	
}
#footer span a:hover{
	color:#5b9ac3;
}

/* The Preloader in the Slider */

#iview-preloader {
	position: absolute;
	z-index: 1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: #004488 1px solid;
	padding: 1px;
	width: 150px;
	height: 5px;	
	top:50%;
	left:45%;
}
#iview-preloader div {
	float: left;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 5px;
	background: #004488;
	width: 0px;
}

/* The strips and boxes in the Slider */

.iview-strip {
	display:block;
	position:absolute;
	z-index:5;
}
.iview-block {
	display:block;
	position:absolute;
	z-index:5;
}
.iview-caption {
	position:absolute;
	z-index:1;
	/*overflow: hidden;*/
	cursor: default;
	color:#FFF;
}
.iview-caption h1{
	font-weight:bold;
	border-bottom:3px solid #FFF;
	margin:0;
}
.iview-caption h2{
	font-weight:lighter;
	margin:0;
	font-size:1.625em;
	line-height:none;
}
.iview-caption.txt1{
	background:url(../img/bg_infotxt.png);
	padding:30px 45px 45px;
}
.iview-caption.txt2{
	background:url(../img/bg_infotxt.png);
	padding:30px 45px 45px;
	width:500px;	
}
.iview-caption.txt2 h1{
	border:none;
}
.iview-caption.txt2 p{
	margin-top:10px;
}
.iview-caption.txt3{
	background:url(../img/bg_infotxt.png);
	padding:30px 45px 45px;
	width:700px;
}
.iview-caption.txt3 h1{
	border-bottom:3px solid #FFF;
}
.iview-caption.txt3 h2{
	font-size:1.25em;	
}
.iview-caption.txt3 p{
	font-size:1.125em;
	font-weight:700;
	margin-top:10px;
}
.iview-caption ul{
	padding:0;
	margin:20px 0 0;
	display:block;
	list-style:none;
}
.iview-caption ul li{
	font-size:1.125em;
	font-weight:700;
	padding-left:30px;
	background:url(../img/check.png) left center no-repeat;
}

/**********************/

#content {
	display: block;
	margin: 0px auto;
}

#pages {
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(0, 0, 0, 1.0);
	position: relative;	
}
#pages .iviewSlider {
	display: block;
	width:100%;
	height:100%;
	overflow: hidden;
}
#modal {
    /* These styles MUST be included. Do not change. */
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    right:0;
	z-index:1;
    
    /* Specify the width of your pageslide here */
    width: 16%;
    padding: 2%;
	margin-left:-20%;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}
#modal div.error {
    color: #f00;
    display: block;
    font-size: 0.625em;
    margin: -10px auto 5px;
    text-align: center;
}
input.error, textarea.error {
    background-color: #ffddde;
    border: 1px solid #f00 !important;
}
form label{
	font-size:0.8125em;
	display:block;
	margin-bottom:10px;
}
form label strong{
	color: #6BC1F5;
	font-weight:800;
}
form input, form select, form textarea{
	width:100%;
	border-radius:2px;
	padding:5px;
	border:none;
	display:block;
	margin-bottom:10px;
}
form textarea{
	height:100px;
	resize:vertical;
}
form input.captcha{
	width:50%;
	height:100%;
	text-align:center;
}
form input.send{
	background:url(../img/bg_send.gif) repeat-x;
	font-family: 'Open Sans', 'sans-serif';
	border-radius:5px;
	margin:10px auto 0;
	display:block;
	width:160px;
	height:35px;
	color:#FFF;
	font-weight:700;
	text-transform:uppercase;
	cursor:pointer;
}
form input.send:hover{
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
}
a.recaptcha{
	display:block;
	width:50px;
	text-align:center;
	text-transform:uppercase;
	background: #f2f2f2 url(../img/loadr.png) center 5px no-repeat; /* Old browsers */	
	background:	url(../img/loadr.png) center 5px no-repeat, linear-gradient(to bottom, #f2f2f2 0%,#d3d3d3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
	padding:35px 5px 0;
	font-size:10px;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
	border:1px solid #AAA;
	color:#666;
	text-decoration:none;
	line-height:130%;
}
div.tel{
	border-radius:5px;
	background:#333 url(../img/telefono.png) 25px center no-repeat;
	box-shadow: inset 0px 0px 8px 1px rgba(0,0,0,0.75);
	text-align:right;
	padding:25px 20px;
	margin-bottom:15px;
}
div.aviso-error{
	background:#333;
    border: 2px solid #F00;
    border-radius: 5px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.75) inset;
    max-width: 270px;
    padding: 15px 20px;
    position: relative;
    top: -625px;
    z-index: 9999;
}
div.aviso-ok{
	background:#333;
    border: 2px solid #090;
    border-radius: 5px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.75) inset;
    max-width: 270px;
    padding: 15px 20px;
    position: relative;
    top: -625px;
    z-index: 9999;
}