@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,900);
@font-face {
font-family: "Myriad Pro";
src: url('../fuentes/MyriadPro-Regular.otf');
font-style: normal;
font-weight: normal;
}

@font-face {
font-family: "human1";
src: url('../fuentes/tt1159m_.otf');
font-style: normal;
font-weight: normal;
}

@font-face {
font-family: "human2";
src: url('../fuentes/tt1160m_.otf');
font-style: normal;
font-weight: normal;
}

@font-face {
font-family: "human3";
src: url('../fuentes/tt1161m_.otf');
font-style: normal;
font-weight: normal;
}

@font-face {
font-family: "human1";
src: url('../fuentes/tt1160m_.ttf');
font-style: normal;
font-weight: normal;
}

@font-face {
font-family: "human2";
src: url('../fuentes/tt0290m_.ttf');
font-style: normal;
font-weight: normal;
}

@font-face {
font-family: "human3";
src: url('../fuentes/tt1161m_.ttf');
font-style: normal;
font-weight: normal;
}

.clear {
	clear:both;
}

html, body {height: 100%;}


a {
	text-decoration:none;
	color:#942;
	}

h1{
	margin:0;
	padding:0;
	font-size:26px;
	font-family:"human2", Arial, Helvetica;
	padding-bottom:27px;
	color: #000;
}

p{
	margin:0;
	text-align:justify;
	word-spacing:1px;
	font-size:16px;
	color:#000;
	padding-bottom:7px;
}

span{
	float:left;
	color:#fff;
	font-weight:bold;
	text-align:center;
	width:200px;
}

hr{	float:left;
	border:0;
	width:100%;
	color: #bbb;
	background-color: #ccc;
	height: 1px;
	clear:both;
}

body{
	background:#fff;
	font-family:"Myriad Pro", Arial, Helvetica;
}


/*********************************************************************/
#wrap {min-height: 100%;}


#box1{
	width:100%;
	height:125px;
	background:#222;
	border-bottom: solid 1px #888;
	box-shadow: 0 0 15px rgba(0, 0, 0, .8);
	position: relative;
	z-index: 1000;
	}
	
#header{
	margin: 0 auto;
	width:1020px;
	height:125px;
	overflow: hidden;
}

/**CONTENT-BOX1*******************************************************************/	

.logo1{
	position: absolute;
	margin-left:75px;
	margin-top:25px;
	padding: 10px;
}

.logo1 img	{
	height: 90px;
	}

#box1 ul{
	float: right;
	margin-right: 0px;
	margin-top:93px;
	background:#222;
	font-size:17px;
	}
	
#box1 ul li{
	display:inline;
	float:left;
	padding:5px 12px;
	-moz-transition-duration:.6s;
	-webkit-transition-duration:.6s;
	-o-transition-duration:.6s;
	transition-duration:.6s;
	border: solid 1px #555;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 0 4px rgba(0, 0, 0, .6);
}

#box1 ul li.active{
	background:#444;
}

#box1 ul li:hover { 
	background:#444
}

#box1 ul li a	{
	color: #ccc;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	}
	
#box1 ul li a:hover	{
	color: #fff;
	}
	
/*					Menu Desplegable								*/

#box1 ul li ul	{
	position: absolute;
	margin: 0;
	width: 180px;
	margin-left: -12px;
	margin-top: 0;
	padding: 7px 0 0 0;
	display: none;
	background: transparent;
	}
	
#box1 ul li:hover ul	{
	display: block;
	}
	
#box1 ul ul li	{
	float: none;
	border: 0;
	display: block;
	border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	-webkit-border-radius: 0 0 0 0;
	-o-border-radius: 0 0 0 0;
	background: #000;
	}


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

/*********************************************************************/
#box2{
	width:100%;
	height:320px;
	background:#fff;
	}
	
#cslider{
	margin: 0 auto;
	width:1020px;
	height:173px;
}	
	
/*********************************************************************/

/*********************************************************************/	
	
#box3	{
	width:100%;
	background:#fff;
	height:auto;
	}
	
#contenedor{
	margin: 0 auto;
	width:900px;
	height:auto;
	padding:0 20px;
	overflow: hidden;
}	

.pag-serv .cont-info	{
	width: 1000px;
	padding: 24px 0;
	}
	
.pag-serv	{
	padding: 0 !important;
	width: 1020px !important;
	}

.cont-info .servicios	{
	width: 250px;
	float: left;
	}

.cont-info ul {
	list-style: circle;
	width: 200px;
	margin: 15px 0 0 15px;
	}
	
.cont-info .servicios img, .cont-info .servicios p	{
	float: none !important;
	width: 200px;
	margin: 0 auto;
	}
	
.cont-info .servicios img	{
	display: block;
	height: 100px;
	}
	
.cont-info .servicios p	{
	line-height: 18px;
	margin-top: 15px;
	margin-bottom: 0;
	}
	
.cont-info .servicios h2	{
	color: #000000;
    font-family: "Myriad Pro",Arial,Helvetica;
    font-size: 18px;
    margin: 0;
    padding: 0 0 17px;
    text-align: center;
    }

/****CONTENIDO-BOX3*****************************************************************/

.cont-info{
	float:left;
	width:611px;
	height:auto;
	padding:24px 70px 24px 0;
}

.col-servicios	{
	width: 280px;
	float: left;
	padding: 20px 0 0 0;
	}
	
.col-servicios ul li	{
	padding-top: 5px;
	}

.cont-info p	{
	display: block;
	line-height: 25px;
	}


.cont-info img{
	margin-top:3px;
}

.sidebar, .sidebar2, .sidebar3	{
	float:left;
	width:200px;
	height:auto;
	background:#fff;
	border: solid 1px #999;
	border-radius: 10px 10px 0 0;
	box-shadow: 3px -3px 3px rgba(0, 0, 0, .3);
}

.sidebar3	{
	height: 625px;
	}

.sidebar2	{
	border-radius:  0 0 10px 10px;
	}

.sidebar .title, .sidebar2 .title, .sidebar3 .title	{
	font-size:18px;
	margin-top:22px;
	float:left;
	width:200px;
	height:26px;
	padding:20px 0 14px 0;
	background:#000;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
	box-shadow: inset 0 0 3px #000;
}

.sidebar2 .title	{
	margin-top: 0;
	padding: 5px 0 5px 0;
	color: #fff;
	height: auto;
	}

.sidebar ul.listsidebar, .sidebar3 ul.listsidebar{
	float:right;
	padding:0 35px 13px 12px;
	font-size:15px;
	text-align:right;
}

.sidebar ul.listsidebar li, .sidebar3 ul.listsidebar li{
	padding:7px 0;
	-webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
}

/**
.sidebar ul.listsidebar li:hover{
	padding-right:3px;
	text-decoration:underline;
}
**/

.sidebar ul.listsidebar li a, .sidebar ul.listsidebar li a:active; .sidebar ul.listsidebar li a:link ;.sidebar ul.listsidebar li a:visited, .sidebar3 ul.listsidebar li a, .sidebar3 ul.listsidebar li a:active; .sidebar3 ul.listsidebar li a:link ;.sidebar3 ul.listsidebar li a:visited	{
	color:#000;
}

.colum1{
	float:left;
	width:200px;
	height:65px;
	padding-top:5px;
}

ul.pie{
	margin-top:5px;
	font-size:14px;
	color:#333333;
}

ul.pie li.bold{
	font-size:15px;
	font-weight:bold;
	padding-bottom:2px;
}

.colum2{
	float:left;
	width:200px;
	height:65px;
	padding-top:5px;
	text-align: center;
}

.colum3{
	float:left;
	width:215px;
	height:65px;
	padding-top:5px;
	text-align: right;
}


/*********************************************************************/
	
#box4{
	width:100%;
	padding-bottom: 35px;/* must be same height as the footer */
	height:110px;
	background:#fff;
}	

#contactos{
	margin: 0 auto;
	width:900px;
	height:auto;
	padding:0 20px;
	overflow: hidden;
}

/*****CONTENT-BOX4****************************************************************/

span.small{
	float:left;
	color:#ccc;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	width:200px;
}

.cont-info2{
	float:left;
	width:681px;
	height:auto;
	padding:22px 0 24px 0;
}


.redes{
	float:left;
	width:155px;
	height:78px;
	padding:10px 22px;
}

.iconos{
	float:left;
	height:40px;
	width:40px;
	background:#292929;
	margin:20px 18px;
	-webkit-border-radius:6px;
-o-radius:6px;
border-radius:6px;
	-moz-transition-duration:.6s;
-webkit-transition-duration:.6s;
-o-transition-duration:.6s;
transition-duration:.6s;

}

.iconos:hover{
	background:#666;
}

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

#footer {
	width:100%;
	height:35px;
	background:url(../images/fondo-header.jpg) repeat-x;
	position: relative;
	clear:both;
	border-top: solid 2px #999;
}

#cfooter{
	margin:0 auto;
	width:900px;
	height:35px;
	padding:0 20px;
	overflow: hidden;
}

span.copyright{
	float:left;
	font-size:12px;
	color:#999999;
	font-weight:normal;
	padding:8px 0;
	text-align:left;
}

span.firma{
	float:right;
	font-size:12px;
	color:#999999;
	font-weight:normal;
	padding:8px 0;
	text-align:right;
	margin-right:20px;
}

a.webla:link, a.webla:visited, a.webla:active {
	color:#999;
	text-decoration:underline;
		-moz-transition-duration:.6s;
-webkit-transition-duration:.6s;
-o-transition-duration:.6s;
transition-duration:.6s;
}

a.webla:hover{
	color:#CCCCCC;
}

/* CONTACTO ****************************************************************/

#form_container form	{
	width: 310px;
	float: left;
	}

#form_container ul	{
	list-style: none;
	width: 310px;
	padding: 0;
	margin: 0;
	}
	
#form_container ul li{
	padding-top: 5px;
	}
	
#form_container input, #form_container label	{
	float: left;
	width: 200px;
	}
	
#form_container label	{
	width: 95px;
	}
	
#form_container input[type="submit"], #form_container input[type="reset"]	{
	width: 95px;
	margin: 15px 15px 0 15px;
	}
	
#form_container textarea	{
	width: 200px;
	}
	
#form_container #mapa	{
	width: 300px;
	float: right;
	padding-top: 25px;
	}
	
#form_container #mapa img	{
	width: 300ox;
	}
	
/* PAGINA GRAFICA INDUSTRIAL ***********************************************/

.cont-info ul.cien	{
	width: 100%;
	}

/**SLIDER*******************************************************************/	

.caption3	{
	width: 300px;
	padding: 0;
	height: 300px;
	}
	
.caption3 h3	{
	padding-bottom: 0;
	}
	
.caption3 h3 a	{
	color: #fff;
	font: 900 36px "human1", serif, Helvetica;
	text-align: center;
	display: block;
	}
	
.caption3 p a{
	color: #fff;
	font: 400 22px human2, serif, Helvetica;
	text-align: center;
	display: block;
	}

/**IVIEW-SLIER****************************************************************/

.container {
	display: block;
	width: 1020px;
	margin: 0px auto;
}

#iview {
	display: block;
	width:1020px;
	height: 300px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

#iview .iviewSlider {
	display: block;
	width: 1020px;
	height: 300px;
	overflow: hidden;
}

.iview-controlNav {
	position: absolute;
	bottom: 30px;
	left: 337px;
	height: 44px;
}

.iview-controlNav a {
	text-indent: -9999px;
}

.iview-controlNav a.iview-controlPrevNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url('../../img/slider-controls.png') no-repeat;
}

.iview-controlNav a.iview-controlNextNav {
	float: left;
	width: 50px;
	height: 44px;
	background: url('../../img/slider-controls.png') no-repeat -50px 0px;
}

.iview-controlNav div.iview-items {
	float: left;
	padding: 0px 10px 0px 10px;
	height: 44px;
	background: url('../../img/nav-bg.png');
}

.iview-controlNav a.iview-control {
	padding: 0px;
	float: left;
	width: 11px;
	height: 12px;
	background: url('../../img/bullets.png') no-repeat;
	line-height: 0px;
}

.iview-controlNav a.iview-control.active {
	background-position: 0px -12px;
}

.iview-caption {
	font-family: Ubuntu;
}

.iview-caption.caption3 {
	
}

.iview-caption.caption2 {
	color: #fff;
	font-size: 26px;
	text-shadow: none;
	width: 960px;
}

.iview-caption.caption1 {
	color: #fff;
	font-size: 26px;
	text-shadow: none;
	width: 960px;
}

.iview-caption.caption4 {
	font-size: 22px;
	font-weight: bold;
	width: 960px;
}

.iview-caption.caption5 {
	font-size: 20px;
	font-weight: bold;
	text-shadow: none;
	width: 960px;
}

.iview-caption.caption6 {
	font-size: 18px;
}

.iview-caption.caption7 {
	text-align: left;
	font-size: 11px;
	color: #888;
	border-radius: 0px;
}

.iview-caption.caption7 div {
	line-height: 200%;
}

.iview-caption.caption7 h3 {
	margin-bottom: 20px;
	color: #FFF;
}

.iview-caption.blackcaption {
	background: #000;rgba
	box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;
	text-shadow: none;
}

#iview-preloader {
	border: #666 1px solid;
	width: 150px
}

#iview-preloader div {
	background: #666;
}

.iview-controlNav div.iview-items ul li {
	padding: 0px;
	float: left;
	width: 11px;
	height: 12px;
	margin: 3px;
	margin-top: 16px;
	line-height: 0px;
}

#iview #iview-tooltip {
	display: none;
	position: absolute;
	background: url('../../img/tooltip.png') no-repeat;
	width: 124px;
	height: 90px;
	bottom: 30px;
	left: -67px;
	padding: 10px;
	z-index: 100;
}

#iview #iview-tooltip div.holder {
	display: block;
	width: 124px;
	height: 84px;
	overflow: hidden;
	border-radius: 2px;
}

#iview #iview-tooltip div.holder div.container {
	display: block;
	width: 4000px;
}

#iview #iview-tooltip div.holder div.container div {
	float: left;
	display: block;
	overflow: hidden;
	width: 124px;
	height: 84px;
	left: -50%;
	text-align: center;
}

#iview #iview-tooltip div.holder div.container div img {
	height: 84px;
	margin: 0 auto;
}

/* The slider */
.iviewSlider {
	overflow: hidden;
}

/* The timer in the Slider */
#iview-timer {
	position: absolute;
	z-index: 100;
	border-radius: 5px;
	cursor: pointer;
}

#iview-timer div {
	border-radius: 3px;
}

/* The Preloader in the Slider */
#iview-preloader {
	position: absolute;
	z-index: 1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: #000 1px solid;
	padding: 1px;
	width: 100px;
	height: 3px;
}
#iview-preloader div {
	float: left;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 3px;
	background: #000;
	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;
}

/* Direction nav styles (e.g. Next & Prev) */
.iview-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.iview-prevNav {
	left:0px;
}
.iview-nextNav {
	right:0px;
}

/* Control nav styles (e.g. 1,2,3...) */
.iview-controlNav {
	position:absolute;
	z-index:9;
}
.iview-controlNav a {
	z-index:9;
	cursor:pointer;
}
.iview-controlNav a.active {
	font-weight:bold;
}
.iview-controlNav .iview-items ul {
	list-style: none;
}
.iview-controlNav .iview-items ul li {
	display: inline;
	position: relative;
}
.iview-controlNav .iview-tooltip {
	position: absolute;
}

/* The captions in the Slider */
.iview-caption {
	position:absolute;
	z-index:4;
	overflow: hidden;
	cursor: default;
}

/* The video show in the Slider */
.iview-video-show {
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 101;
}
.iview-video-show .iview-video-container {
	position: relative;
	width: 100%;
	height: 100%;
}
.iview-video-show .iview-video-container a.iview-video-close {
	position: absolute;
	right: 10px;
	top: 10px;
	background: #222;
	color: #FFF;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 29px;
	font-size: 22px;
	font-weight: bold;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.iview-video-show .iview-video-container a.iview-video-close:hover {
	background: #444;
}