@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:"Brush";
	src:url("../fuentes/Brush/brush.eot?") format("eot"),
	url("../fuentes/Brush/brush.woff") format("woff"),
	url("../fuentes/Brush/brush.ttf") format("truetype"),
	url("../fuentes/Brush/brush.svg#Brush") format("svg");
	font-weight:normal;
	font-style:normal;
	}

body{
	background-image:url(../img/fondo.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

#contenido{
	width:100%;
	min-width:1000px;
	float:left;
	position:relative;
}

#contenido-960{
	width:1000px;
	margin:auto;
	position:relative;
	overflow:hidden;
	background-repeat:no-repeat;
}

.empresa{
	background-image:url(../img/empresa.jpg);
}

.productos{
	background-image:url(../img/productos.jpg);
}

.ideas{
	background-image:url(../img/ideas.jpg);
}

.ideas-int{
	background-image:url(../img/ideas2.jpg);
}

.contacto{
	background-image:url(../img/contacto.jpg);
}

#head{
	width:1000px;
	float:left;
	position:relative;
}

#texto-head{
	float:left;
	position:relative;
	height:120px;
	width:670px;
}

.carousell{
	margin-top:40px;
	margin-left:90px;
}

.carousell ul li{
	width:400px;
	text-align:center;
}

#texto-head ul li{
	color:#FFF;
	font-size:35px;
	font-family:"Brush";
}

#logo{
	float:right;
	position:relative;
	width:254px;
	height:180px;
	margin-right:25px;
}

#menu{
	float:left;
	position:relative;
}

#menu ul li{
	display:inline;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:20px;
	font-style:italic;
	font-weight:normal;
}

#menu ul li a{
	text-decoration:none;
	color:#FFF;
	width:145px;
	float:left;
	position:relative;
	text-align:center;
	height:45px;
	padding-top:12px;
}

#menu ul li a:hover{
	background-repeat:no-repeat;
	background-image:url(../img/hover.png);
	color:#000;
}

#menu .selec{
	color:#000;
	background-image:url(../img/hover.png);
}

#menu .s-hover{
	text-decoration:none;
	color:#FFF;
	width:47px;
	float:left;
	position:relative;
	text-align:center;
	height:60px;
}

#menu .s-hover:hover{
	background:none;
	color:#FFF;	
}

#contenidos{
	float:left;
	position:relative;
	width:1000px;
	height:640px;
	margin-top:3px;
}

#banner-home{
	width:1000px;
	float:left;
	position:relative;
	height:568px;
}

/**/
#slideshow {
  position:relative;
  height:568px;
	float:left;
	width:1000px;
}

#slideshow IMG {
  position:absolute;
  top:0;
  left:0;
  z-index:8;
  opacity:0.0;
}

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

#slideshow IMG.last-active {
    z-index:9;
	}
/**/
#home-datos{
	width:1000px;
	height:72px;
	float:left;
	position:relative;
	background-color:#000;
	}

#home-datos h1{
	color:#CCC;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:30px;
	float:left;
	font-weight:normal;
	margin-left:20px;
	}

#home-datos h2{
	color:#CCC;
	float:right;
	margin-right:20px;
	font-weight:normal;
	margin-top:30px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
}

#empresa{
	width:750px;
	float:left;
	position:relative;
	margin-top:65px;
	margin-left:172px;
}

#productos{
	width:1000px;
	float:left;
	margin-top:7px;
	position:relative;
}

#ideas{
	float:left;
	margin-top:185px;
	position:relative;
}

.idea{
	float:left;
	position:relative;
	width:216px;
	margin-left:100px;
}

.idea-nombre{
	float:left;
	text-align:center;
}

.idea-nombre a{
	text-decoration:none;
	color:#FFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	width:143px;
	float:left;
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:35px;
	background-image:url(../img/o-gris.png);
}

.idea-nombre a:hover{
	background-image:url(../img/o-negro.png);
}

.idea-foto{
	float:left;
	border:ridge #FFF 10px;
	margin-top:30px;
}

#banner-ideas{
	width:1000px;
	float:left;
	position:relative;
	height:640px;
	margin-top:-32px;
}

#ideas-volver{
	float:right;
	margin-right:40px;
	position:relative;
	padding:10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#CCC;
	font-size:12px;
	z-index:6;
}

#ideas-volver:hover{
	color:#000;
}

#ideas-contenido{
	width:1000px;
	float:left;
	margin-top:7px;
	position:relative;
}

#galeria-monos{
	float:left;
	position:relative;
	width:1000px;
	margin-top:-32px;
}

#formulario{
	width:480px;
	float:right;
	position:relative;
	margin-top:85px;
}

#formulario p{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-bottom:30px;
	text-align:right;
	width:400px;
	float:right;
	margin-right:53px;
}

.campo{
	background-color:#000;
	color:#FFF;
	height:20px;
	width:425px;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	float:left;
	position:relative;
}

.campo-mensaje{
	width:425px;
	color:#FFF;
	float:left;
	margin-top:10px;
	padding-top:10px;
	padding-left:5px;
	background-color:#E9E9E9;
}

input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
}

textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000;
}

#botones{
	width:430px;
	float:left;
	text-align:right;
	margin-top:10px;
}

#enviar{
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	width:95px;
	background-color:#ccc;
	border:none;
	padding-top:5px;
	padding-bottom:5px;
	color:#000;
}

#enviar:hover{
	background-color:#000;
	color:#FFF;
}

#formulario h1{
	color:#FFF;
	margin-top:20px;
	float:left;
	position:relative;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-left:20px;
	line-height:19px;
}

#footer{
	width:1000px;
	float:left;
	position:relative;
	height:30px;
	margin-top:55px;
}

#footer a{
	background-image:url(../img/web.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:145px;
	text-decoration:none;
	color:#333;
	float:left;
	margin-left:265px;
	height:20px;
	padding-top:3px;
	position:relative;
	font-size:12px;
}

#contactos{
	float:left;
	position:relative;
	width:509px;
}

#contactos h1{
	color: #FFF;
	margin-top: 20px;
	float: left;
	position: relative;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding:10px 38px;
	line-height: 19px;
}

#contactos h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	float: left;
	position: relative;
	padding: 15px 57px;
	text-align: center;
	line-height:22px;
	width:393px;
}

#mapa{
	width: 360px;
	position: relative;
	float: left;
	margin-left: 8px;
}

.sticky-container{
		/*background-color: #333;*/
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -172px;
		top:340px;
		width: 238px;
		z-index: 99999999;

	}

	.sticky li{
		border-radius: 45px;
		list-style-type: none;
		background-color:#006c00;
		color: #efefef;
		height: 64px;
		padding: 0px;
		margin: 0px 0px 1px 0px;
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
		cursor: pointer;

	}

	.sticky li:hover{
		margin-left: -160px;
		/*-webkit-transform: translateX(-115px);
		-moz-transform: translateX(-115px);
		-o-transform: translateX(-115px);
		-ms-transform: translateX(-115px);
		transform:translateX(-115px);*/
		/*background-color: #8e44ad;*/
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
                -webkit-filter: grayscale(0%);
                text-decoration: none !important;
		
	}

	.sticky li a{
		text-decoration: none;
	}

	.sticky li img{
		float: left;
		margin: 0px 4px 0px 0px;

	}

	.sticky li p{
		padding-top: 5px;
		margin: 0px;
		text-transform: uppercase;
		font-size: 14px !important;
		font-family: Arial, Helvetica, sans-serif;

	}

	.sticky p{
		color: #fff;
		font-family:"Brush";
		line-height: 17px;
		font-size: 15px;
	}


#volante{
	color: #000000;
	font-family: tahoma;
	font-size: 14px;
	margin: 0 auto;
	width: 446px;
	margin-top:0px;
	z-index: 19999999;
	float: left;
	position: relative;
}

#volante a{
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
	text-decoration:underline;	
}

.box {
	color: #888888;
	height: 656px;
	left: 100%;
	padding: 0px;
	position: absolute;
	right: 100%;
	top: 25%;
	width: 90%;
	min-width: 900px;
	z-index: 19999999;
	margin: 0 auto;
}

#nuevopro{
	width: 417px;
  	height: 628px;
	margin: 0 auto;
	z-index: 19999999;
	margin-top: 126px;
	background-image: url(../img/box.jpg);
}

.overlay {
	background-image:url(../img/fancybox_overlay.png);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 19999999;
}

a.boxclose {
    background: url("../img/cancel.png") repeat scroll left top transparent;
    cursor: pointer;
    float: right;
    height: 30px;
    position: relative;
    top:-32px;
    width: 30px;
    margin-right:-4px;
}