/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {
	line-height:1;
	
}
ul, ol {
	padding: 5px 0 20px 25px; }

ul li, ol li {
	line-height: 1.7em;
	margin: 2px 0;
	padding: 0; }

ul li,
ol li {
	line-height:1.6;
	margin:0 0 2px 0;
	padding:0; }

table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, header2, section, footer,
aside, nav, article, figure {
	display: block;
}
h2{
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
	margin-left:25px; 
	}
h3{
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
	text-align:justify;
	margin:25px 230px 25px 15px; 
	}
h4{
	font: 24px/30px Arial, Helvetica, sans-serif;
	color: #FF7F00;
	font-weight: normal;
	text-align:justify;
	margin:25px 230px 25px 15px; 
	}
a {
    font: 11px/11px Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none; line-height:1.5em;
	font-weight: bold; 
	}


/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	font: 80%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #363636;

	line-height: 1.538em;

	letter-spacing:-0.02em;
}

body.home .loading {
		display: block;
	}
.container {
	width: 980px;
    margin: 0 auto;
    position:relative;
}
.container2 {
	width: 980px;
	margin: 0;
	position:relative;
	float:right;
	top:667px;
	}
.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden; }



.clearfix { display:inline-block;  }

	

/* Hide from IE Mac \*/

	.clearfix { display:block; }

/* End hide from IE Mac */

div.container {

	margin:0 auto;

	padding:0; 

	width:980px;

	z-index:-1; }

 

div.wrapper {

	margin:0;

	padding:0;

	height:100%;

	width:100%; }
	
div.header {

	z-index:2000;

	position:absolute;

	margin:0;

	padding:0;

	width:100%;

	height:117px;

	background: url("images/transparent.png") repeat 0 0;position: fixed; }

div.header2 {

	z-index:2000;

	position:absolute;

	margin:0;

	padding:0;

	width:100%;

	height:117px;

	background: url("images/transparent.png") repeat 0 0;position: relative; }

a, a:visited {
	color:#2d3536;
	text-decoration:none;
	
}
a:hover, a:active {
	color:#FF7F00;
	text-decoration:none;
}
.btnface {
	float:right;
	}
#btn3 {
	display: block;
	width: 34px;
	height: 34px;
	background: url('images/facebook_bw.png') no-repeat top;
	margin-right:15px;
	}
#btn3:hover {
	background-image:url('images/facebook.png') no-repeat bottom;;
	}
	
#controls-wrapper{
	margin:0px auto;
	background-color:rgba(0,0,0,0.75);
	height:118px;
	width:100%;
    top:0px;
	position:absolute;
	float:left;
	}
.banner_contacto{
	float: right;
	width: 1010px;
	height:490px;
	margin-top:116px;
	}
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    /*background:url(images/slider.png) no-repeat;*/
    width:980px;
    height:100%;
    margin:0 auto;
   
}

#slider {
	position:relative;
    width:980px;
    height:570px;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider2 {
	position:relative;
    width:800px;
    height:100%;
    margin-top:46px;
	float:left;
}
#slider3 {
	position:relative;
    width:760px;
    height:100%;
    margin-top:126px;
	float:right;
}
#slider3a {
	position:absolute;
    width:190px;
    height:100%;
    margin-top:146px;
	padding: 20px 0 0 26px; 
	float:left;
	visibility:visible;
}
#slider3b {
	position:absolute;
    width:190px;
    height:100%;
    margin-top:146px;
	padding: 20px 0 0 26px; 
	float:left;
	visibility:visible;
}
#slider4 {
	position:relative;
    width:100%;
    height:100%;
    margin-top:116px;
	float:left;
}
#slider5 {
	position:relative;
	width:24%;
    display:inline-block;
	height:220px;
	width:auto;
	overflow:hidden;
 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	right:30px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
#flotar { 
    float:left;
}
#flotar2 { 
    float:right;
}
.facebook { 
	position:absolute;
	right:43px;
	padding-top:15px;
}
/*====================*/
/*=== Other Styles ===*/
/*====================*/
/* Header */

div.header h1 {

	color:#aaa;

	font-size:25px;	

	margin:69px 0 0 0;

	padding:0;

	text-transform:uppercase;

	float:left; }

.header h1 a {

		color: #fff; }

div.header2 h1 {

	color:#aaa;

	font-size:25px;	

	margin:69px 0 0 0;

	padding:0;

	text-transform:uppercase;

	float:left; }


	.header2 h1 a {

		color: #fff; }



/* Top Navigation */

div.header div.menu ul {
	position: absolute;
	padding:0;
	list-style:none;
	float:right;
	margin:39px 0 0 0; }

div.header2 div.menu ul {
	position: absolute;
	padding:0;
	list-style:none;
	float:right;
	margin:39px 0 0 0; }


div.header div.menu ul li {

	float:left;
	position:relative;
	width:auto;
	margin:0 12px;
	background:transparent; }

div.header2 div.menu ul li {

	float:left;
	position:relative;
	width:auto;
	margin:0 12px;
	background:transparent; }



div.header div.menu ul li a {

	color:#fff;

	display:block;

	font-weight:bold;

	font-size:12px;

	padding:13px;

	background:transparent; }

div.header2 div.menu ul li a {

	color:#fff;

	display:block;

	font-weight:bold;

	font-size:12px;

	padding:13px;

	background:transparent; }



div.header div.menu ul li a:hover {

	color:#fff;

	background:#FF7F00;}

div.header2 div.menu ul li a:hover {

	color:#fff;

	background:#FF7F00;}

div.header div.menu ul li a.activo {

	color:#fff;

	background:#FF7F00;}
	
div.header2 div.menu ul li a.activo {

	color:#fff;

	background:#FF7F00;}

/* Dropdown Navigation */

div.header div.menu ul ul {

	display:none;

	list-style:none;

	margin:0;

	padding:0;

	width:185px; } 

div.header2 div.menu ul ul {

	display:none;

	list-style:none;

	margin:0;

	padding:0;

	width:185px; } 


div.header div.menu ul li ul {

	left:0;

	position:absolute;

	top:45px; } 

div.header2 div.menu ul li ul {

	left:0;

	position:absolute;

	top:45px; } 
	

div.header div.menu ul li ul li {

	clear:both;

	margin:0;

	padding:0;

	width:100%; } 


div.header2 div.menu ul li ul li {

	clear:both;

	margin:0;

	padding:0;

	width:100%; } 




div.header div.menu ul li ul li a {

	color:#fff;

	display:block;

	font-weight:bold;

	padding:10px 20px; } 

div.header2 div.menu ul li ul li a {

	color:#fff;

	display:block;

	font-weight:bold;

	padding:10px 20px; } 


div.header div.menu ul li ul li a {

	background: url("images/transparent.png") repeat 0 0 !important; } 

div.header2 div.menu ul li ul li a {

	background: url("images/transparent.png") repeat 0 0 !important; } 


div.header div.menu ul li ul li a:hover {

	background:#FF7F00 !important; } 
	
div.header2 div.menu ul li ul li a:hover {

	background:#FF7F00 !important; } 




div.header div.menu ul li:hover a, div.header div.menu ul li a:hover, div.header div.menu ul li:focus a, div.header div.menu ul li a:focus {

	background:#FF7F00; }

div.header2 div.menu ul li:hover a, div.header2 div.menu ul li a:hover, div.header2 div.menu ul li:focus a, div.header2 div.menu ul li a:focus {

	background:#FF7F00; }



.clear {
	clear:both;
}
/* Sub-Navigation & Links */

div.widget-container ul {

	padding:0;

	margin:0;

	display:block;

	list-style:none; }



	div.widget-container ul li {

		clear:both;

		display:block;

		margin:0;

		padding:0;

		width:100%; }



	div.widget-container ul li a {

		color:#363636;

		display:block;

		font-weight:bold;

		padding:10px 30px 10px 20px;

		margin:0;

		background:#fff url("images/bg_links.png") no-repeat 225px center; }



	div.widget-container ul li a:hover, div.widget-container ul li a.active:hover {

		color:#fff;

		background:#FF7F00 url("images/bg_links.png") no-repeat 225px center; }



	div.widget-container ul li.current_page_item a {

		color:#FF7F00;

		background:#fff url("images/bg_links.png") no-repeat 225px center; }



		div.widget-container ul li.current_page_item a:hover {

			color:#fff;

			background:#FF7F00 url("images/bg_links.png") no-repeat 225px center; }



	/* Sub-Navigation Children */

	div.widget-container ul li ul li a {

		padding:10px 30px 10px 35px; }	
		
	.margen{ margin-right:20px;
			 margin-top:30px;
			 z-index:-1;
			
			 }
.plus       {  font-family: Helvetica, Arial, sans-serif;
               color:#CCC;
               font-size:15px;
			   font-weight:lighter;
			   position:absolute;
		display:block;
			   left:0px;top:186px;
			   z-index:10;
			   background:rgba(0,0,0,.55);
			   padding: 5px 15px 5px 15px;
			  
			   }
.plus:hover       {  
               color:#FF7F00;	
               position:absolute;
		       display:block;
			   z-index:10;
			  
			   }
.plus2       {  font-family: Helvetica, Arial, sans-serif;
letter-spacing: 5px;
line-height: 20px;
               color:#FFF;
               font-size:22px;
			   font-weight:lighter;
			   position:absolute;
		       display:block;
			   left:0px;top:167px;
			   z-index:10;
			   padding: 5px 15px 5px 15px;
			  
			   }
.plus2:hover       {  
               color:#000;	
               position:absolute;
		       display:block;
			   z-index:10;
			  
			   }

/* Mobile */

@media screen and (max-width: 800px)  {

	body {
		-webkit-text-size-adjust: none;
	}
	
	body,.container {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		/*padding-left: 0px;*/
		/*padding-right: 0px;*/
	}
	
#slider-wrapper {
    /*background:url(images/slider.png) no-repeat;*/
    width:95%;
    height:inherit;
   
}
	div.header h1 {

	color:#aaa;

	font-size:25px;	

	margin:3% 0 0 0; 

	padding:0;

	text-transform:uppercase;
	margin-left:5%;

	float:left; }

 div.header div.menu ul {
	position: absolute;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	margin:3% 0 0 0;}
	
	div.header {

	z-index:2000;

	position:absolute;

	margin:0;

	padding:0;

	width:100%;

	height:10%;

	background: url("images/transparent.png") repeat 0 0;position: fixed; }
 
div.header2 h1 {

	color:#aaa;

	font-size:25px;	

	margin:3% 0 0 0; 

	padding:0;

	text-transform:uppercase;
	margin-left:3%;
    float:left; }

	
div.header2 div.menu ul {
	position: relative;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	margin:3% 0 0 0;}
	
	div.header2 {

	z-index:2000;

	position:relative;

	margin:0;

	padding:0;

	width:100%;

	height:10%;

	background: url("images/transparent.png") repeat 0 0;position: relative; }
	
#slider2 {
	position:relative;
    width:100%;
    margin-top:5%;
	float:left;
}
#slider3 {
    width:100%;
    height:auto;
    margin-top:13%;

}

#slider3b {
	position:absolute;
    width:100%;
    height:100%;
    margin-top:16%;
	padding: 2% 0 0 2%; 
	float:left;
	visibility:hidden;
}
	
#slider4 {
	position:relative;
    width:100%;
    height:100%;
    margin-top:9%;
	float:left;
}

img{max-width:80%;}
h3{
	font: 0,3em/0,4em Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
	text-align:justify;
	
	}
h4{
	font: 0,6em Arial, Helvetica, sans-serif;
	color: #FF7F00;
	font-weight: normal;
	
	
	}
.banner_contacto{
	float: right;
	width: 100%;
	height:100%;
	margin-top:10%;
	}
}