@charset "UTF-8";

body {
	margin: 0;
	background: rgba(220,220,220,1);
	/*font-family: 'Droid Sans', Helvetica, Arial, sans-serif;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:rgba(102,102,102,1);
	cursor:default;
}

a, a:active, a:focus { text-decoration:none; color:rgba(100,100,100,1);  outline: none;}

a:visited{ border:none; }

a img{
	border:none 0px;
}

img {border : 0;}



#contenedor{
	width:1100px;
	margin:0 auto;
}

#contenedor-principal{
	position:absolute;
	z-index:10;
}

#superior {
	width: 1100px;
	height: 307px;
}

#logo{
	margin:0 0 0 20px;
}

#logo img{
	margin-bottom:-10px;
}

.tagline{
	font-weight:200;
	font-size:1.4em;
	line-height:10px;
	
}

#menu-principal{
	position:absolute;
	z-index:100000;
	top:150px;
	height:40px;
	width:900px;
}

#menu-principal ul{
	list-style:none;
	padding-top:10px;
}

#menu-principal li{
	float:left;
	padding-right:20px;
	font-size:1.6em;
	font-weight:100;
	}

#menu-principal a{
	color:rgba(100,100,100,1);	
}

#menu-principal a:hover{
	color:rgba(0,153,204,1);	
}

#contenido{
	position:relative;
	height:700px;
	margin-bottom: 0px;
	background:rgba(204,204,204,0.6);
	
	border-left: solid 20px rgba(255,255,255,0.4);
	border-right: solid 20px rgba(255,255,255,0.4);
	border-bottom: solid 20px rgba(255,255,255,0.4);
	border-top:solid 50px rgba(255,255,255,0.4);
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 5px 0px #999;
	
}

#contenido-central{
	margin:0 auto;
	width:900px;
}


.columnas-series{
	float:left;
	width:200px;
	margin:20px 20px 0 0;
	height:400px;
}

#contenido-central h2{
	font-size:3em;
	font-weight:100;
	padding-left:8px;
}

#contenido-central h3{
	font-size:2em;
	font-weight:100;
	color:rgba(51,51,51,1);
	border-bottom:1px dotted #999999;
}

#contenido-central h4{
	font-size:2em;
	font-weight:100;
	color:rgba(0,153,255,1);
	margin-top:-5px;
	margin-bottom:-14px;
}

#contenido-central h5{
	font-size:2em;
	font-weight:100;
	color:rgba(255,102,0,1);
	margin-top:-5px;
	margin-bottom:-14px;
}

.procesos-texto{
	margin-left:20px;
}


#contenido-central h2.CO{
	border-left:4px solid rgba(0,102,153,1);
}

#contenido-central h2.MI{
	border-left:4px solid rgba(51,204,255,1);
}

#contenido-central h2.TM{
	border-left:4px solid rgba(0,0,153,1);
}

#contenido-central h2.MA{
	border-left:4px solid rgba(255,255,255,1);
}



#contenido-central ul{
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	
}

#contenido-central li{
	padding:0 0 20px 0;
}

#contenido-central li a:hover img{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 5px 0px #333;
}


#contenido-central img{
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px #999;
}

.creditos{
	clear:both;
	z-index:1000;
	position:absolute;
	padding:0 0 20px 40px;
	color:rgba(153,153,153,1);
}

#empresa {
	float:left;
	width:500px;
}

#empresa h1{
	font-size:3em;
	font-weight:100;
	width:500px;
	border-left: solid 4px #0066CC;
	padding-left:10px;
	margin-left:-16px;
	color:rgba(51,51,51,1);
}

#empresa p{
	font-size:1.3em;
	font-weight:200;
	line-height:1.6em;
	width:500px;
}

#empresa p.intro{
	font-size:1.8em;
	font-weight:100;
	line-height:1.3em;
	width:500px;
	color:rgba(80,80,80,1);
}

#empresa article{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.4em;
	line-height:1.3em;
	width:400px;
	margin:20px 20px 20px 30px;
	color:rgba(0,102,153,0.6);
	border-left: solid 8px rgba(0,153,204,0.2);
	padding-left:16px;
}

#servicios {
	float:left;
	width:260px;
	height:500px;
	background: rgba(0,80,120,0.7);
	margin: 120px 0 0 60px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 5px 0px #999;
	
	padding:20px;
	
	border-radius:12px;
	border: 1px solid rgba(204,204,204,1);
}

#servicios h1{
	font-size:2em;
	font-weight:100;
	color:rgba(255,255,255,1);
	border-bottom: dotted 1px rgba(255,255,255,0.4);
	padding-bottom:10px;
}

#servicios ul{
	list-style:circle;
	margin-left:20px;
	color:rgba(255,255,255,0.7);
	
	font-size:1.3em;
	font-weight:100;
	letter-spacing:0.07em;
}


/* ------------------------------------- tabs ------------------------------------- */
#contenedor-colorbox{
	position:relative;
	width:800px;
	height:480px;
	padding:20px;
	background:rgba(102,102,102,0.2);
	overflow:hidden;
}

#contenedor-productos{
	height:340px;
}

#productos.h1{
	font-size:3em;
	font-weight:100;
	border-bottom:solid 3px #0066CC;
	padding-bottom:10px;
	margin:10px 0 10px 0;
}

#productos-co.h1{
	font-size:3em;
	font-weight:100;
	border-bottom:solid 3px #0066CC;
	padding-bottom:10px;
	margin:20px 0 10px 0;
}

#productos.mi{
	font-size:3em;
	font-weight:100;
	border-bottom:solid 3px #0CF;
	padding-bottom:10px;
	margin:20px 0 10px 0;
}

#productos-tm.h1{
	font-size:3em;
	font-weight:100;
	border-bottom:solid 3px #039;
	padding-bottom:10px;
	margin:20px 0 10px 0;
}

#productos-ma.h1{
	font-size:3em;
	font-weight:100;
	border-bottom:solid 3px #CCC;
	padding-bottom:10px;
	margin:10px 0 10px 0;
}

#productos.h2{
	font-size:1.3em;
	font-weight:200;
	color:rgba(100,100,100,1);
	padding-bottom:10px;
	margin-bottom:10px;
	
}

#productos ul{
	list-style:none;
	margin:0;
	padding:0;
	margin-left:0;	
}

#productos li{
	font-size:1.2em;
	font-weight:200;
	color:rgba(120,120,120,1);
	padding-bottom:8px;
}

#productos li.material{
	list-style-type: none;
	background:url(../images/tabs/list_material.png) no-repeat;
	height:auto;
	line-height:1.6em;
	padding-left: 38px;
}

#productos li.acabado{
	list-style-type: none;
	background:url(../images/tabs/list_acabado.png) no-repeat;
	height: 32px;
	padding-left: 38px;
}

#productos li.color{
	list-style-type: none;
	background:url(../images/tabs/list_color.png) no-repeat;
	height: 32px;
	padding-left: 38px;
}

#productos img{
	vertical-align:text-top;
	padding:0 0 0 10px;
}

#imagen-producto{
	float:left;
	width:430px;
	height:440px;
	margin:30px 0 0 10px;
	background:rgba(102,102,102,1);
	box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
}

#descarga-medidas{
	position:absolute;
	bottom:-10px;
	height:30px;
	background:url(../images/tabs/pdf_mime.png) no-repeat;
	padding: 10px 0 0 30px;
}

#descarga-medidas a{
	text-decoration:none;
}

#descarga-medidas a:hover{
	text-decoration:underline;
}


.solicitar-cotizacion{
	border-top: dotted 1px #CCCCCC;
	margin-top:120px;
	padding-top:10px;
	color:rgba(0,102,204,1);
	line-height:1.4em;
}

.solicitar-cotizacion a{
	color:rgba(255,81,0,1);
}

.solicitar-cotizacion a:hover{
	text-decoration:underline;
}





.tabs {
	float: left;
	/*margin: 40px auto;*/
	width: 350px;
}

.tabs input {
	position: absolute;
	z-index: 1000;
	width: 120px;
	height: 30px;
	left: 0px;
	top: 0px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs input#tab-2{
	left: 120px;
}
.tabs input#tab-3{
	left: 240px;
}
.tabs input#tab-4{
	left: 360px;
}

.tabs label {
	background: rgba(255,255,255,0);
/*	background: -moz-linear-gradient(top, #5ba4a4 0%, #4e8c8a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba4a4), color-stop(100%,#4e8c8a));
	background: -webkit-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);
	background: -o-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);
	background: -ms-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);
	background: linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);*/
	font-size: 1em;
	line-height: 30px;
	height: 30px;
	position: relative;
	padding: 0 20px;
    float: left;
	display: block;
	width: auto;
	color: rgba(102,102,102,1);
	/*text-transform: uppercase;*/
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    /*border-radius: 3px 3px 0 0;*/
    /*box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);*/
}

.tabs label:after {
    content: '';
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}

.tabs input:hover + label {
	background: rgba(255,255,255,0.6);
}

.tabs label:first-of-type {
    z-index: 4;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}

.tab-label-2 {
    z-index: 3;
}

.tab-label-3 {
    z-index: 2;
}

.tab-label-4 {
    z-index: 1;
}

.tabs input:checked + label {
    background: #fff;
	z-index: 6;
}

.clear-shadow {
	clear: both;
}

.content {
    background: #fff;
	position: relative;
    width: 100%;
	height: 440px;
	z-index: 5;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
    /*border-radius: 0 3px 3px 3px;*/
}

.content div {
    position: absolute;
	top: 0;
	left: 0;
	padding: 10px 40px;
	z-index: 1;
    opacity: 0;

    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    -ms-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}
.content div h2,
.content div h3{
	color: #398080;
}
.content div p {
	font-size: 14px;
	line-height: 22px;
	font-style: italic;
	text-align: left;
	margin: 0;
	color: #777;
	padding-left: 15px;
	font-family: Cambria, Georgia, serif;
	border-left: 8px solid rgba(63,148,148, 0.1);
}


/* ------------------------------------- termina tabs ------------------------------------- */