@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Istok+Web:400,700&subset=latin,latin-ext);

/* CSS Document */



* {

	padding:0;

	margin:0;

}
html,body{
height:100%;
}

body{

	font-family: 'Istok Web', sans-serif;

	color:#FFF;

	text-align:justify;

}

h1{

	font-size:30px;

	margin-bottom:10px;

	color:#E7512F;

	border-bottom:1px solid #E7512F;

}

h2{

	font-size:25px;

	margin-bottom:11px;

	color:#D56500;

}



/*HEADER*/

header{

	position:relative;

	width:100%;

	height:100px;

	background-color:#FCFCFC;

	-webkit-box-shadow: 0px 2px 6px #333;

	-moz-box-shadow: 0px 2px 6px #333;

	box-shadow: 0px 2px 6px #333;

	z-index:9999999999999;

}



/*NAVIGATION TOP*/

nav.top{

	position:absolute;

	/*float:right;*/

	bottom:4px;

	right:0px;

	font-size:12px;

	font-weight:bold;

}

nav.top ul{

	list-style:none;

	margin:0;

	padding:0;

}

nav.top > ul > li{

	display:inline;

}

nav.top > ul > li > a{

	display:block;

	float:left;

	width:100px;

	height:60px;

	padding-top:5px;

	color:#FE4E12;

	text-align:center;

	text-decoration:none;

	border-top:4px solid #FCFCFC;

	font-weight:100;

	transition: all 0.15s linear;

}

nav.top > ul > li > a:hover, nav > ul > li > a.active{

	display:block;

	float:left;

	width:100px;

	height:60px;

	padding-top:5px;

	color:#FFF;

	background-color:#FE4E12;

	text-align:center;

	text-decoration:none;

	border-top:4px solid #DA3F12;

	font-weight:100;

}



nav.top ul li ul{

	position:absolute;

	list-style:none;

	text-align:center;

	width:180px;

	left:110px;

	/*margin-left:-90px;*/

	top:60px;

	

	/* This is important for the show/hide CSS animation */

	max-height:0px;

	overflow:hidden;

	

	-webkit-transition:max-height 0.4s linear;

	-moz-transition:max-height 0.4s linear;

	transition:max-height 0.4s linear;

}



nav.top ul li ul li{

	background-color:#d9e967;

}



nav.top ul li ul li a{

	padding:12px;

	color:#060 !important;

	text-decoration:none !important;

	display:block;

	font-size:12px;

	text-align:left;

}



nav.top ul li ul li:nth-child(odd){ /* zebra stripes */

	background-color:#d9e967;

}



nav.top ul li ul li:hover{

	background-color:#C6D656;

}



nav.top ul li ul li:first-child{

	border-radius:3px 3px 0 0;

	margin-top:25px;

	position:relative;

}



nav.top ul li ul li:first-child:before{ /* the pointer tip */

	content:'';

	position:absolute;

	width:1px;

	height:1px;

	/*border:5px solid transparent;*/

	border-bottom-color:#d9e967;

	left:50%;

	top:-10px;

	margin-left:-5px;

}



nav.top ul li ul li:last-child{

	border-bottom-left-radius:3px;

	border-bottom-right-radius:3px;

}



/* This will trigger the CSS */

/* transition animation on hover */



nav.top ul li:hover ul{

	max-height:200px; /* Increase when adding more dropdown items */

}



nav.top ul li a.br{

	border-right:1px solid #CCC;

}



/*NAVIGATION INTRO*/

nav.vertical {

	border-radius: 4px;

	box-shadow: 0 0 10px rgba(0,0,0,.15);

	overflow: hidden;

	text-align: center;

}



nav.vertical > ul {

	list-style-type: none;

}



nav.vertical > ul > li {

	display: block;

}



/*nav.vertical > ul > li > a {

	background-color: rgb(157, 34, 60);

	background-image: -webkit-linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));

	background-image: -moz-linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));

	background-image: -o-linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));

	background-image: linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));

	border-bottom: 1px solid rgba(255,255,255,.1);

	box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.1);

	color: rgb(255,255,255);

	display: block;

    font-size: .85rem;

    font-weight: 500;

    height: 50px;

    letter-spacing: .5rem;

    line-height: 50px;

    text-shadow: 0 1px 1px rgba(0,0,0,.1);

    text-transform: uppercase;

    transition: all .1s ease;

    text-decoration: none;

}



nav.vertical > ul > li > a:hover {

	background-color: rgb(114, 51, 98);

	background-image: -webkit-linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98));

	background-image: -moz-linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98));

	background-image: -o-linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98));

	background-image: linear-gradient(150deg, rgb(114, 51, 98), rgb(114, 51, 98)); 

	cursor: pointer;

}

        

nav.vertical > ul > li > div {

	background-color: rgb(255,255,255);

}

 

nav.vertical > ul > li > div > ul {

	list-style-type: none;

}*/



nav.vertical > ul > li >  a {

	background-color: rgb(255,255,255);

	border-bottom: 1px solid rgba(0,0,0,.05);

	color: #333331;

	display: block;

	font-size: 1rem;

	padding: 10px 0;

	text-decoration: none;

	transition: all 0.15s linear;

}



nav.vertical > ul > li:hover > a, nav.vertical > ul > li.active > a {

	background-color: #FE4E12;

	color: rgb(255,255,255);

	padding: 10px 0 10px 50px;

}



nav.vertical > ul > li > div > ul > li > a {

	background-color: #F60);

	border-bottom: 1px solid rgba(0,0,0,.05);

	color: #333331;

	display: block;

	font-size: 0.8rem;

	padding: 10px 0;

	text-decoration: none;

	transition: all 0.15s linear;

}



nav.vertical > ul > li > div > ul > li:hover > a, nav.vertical > ul > li > div > ul > li.active > a {

	background-color: #F93;

	color: rgb(255,255,255);

	padding: 10px 0 10px 50px;

}
#page-wrap{
width: 100%;
margin: auto;
height: auto;
min-height:100%;
}
 
#page-wrap:after{
width: 100%;
height:200px;
display:block;
clear:both;
}


/* FOOTER */

footer{

	position:relative;
	width:100%;

	height:200px;
	
	margin: -200px auto 0;

}

#footer-content{

	position:relative;

	width:1000px;

	/*height:332px;*/

	margin:0 auto;

}

.footer-col{

	position:relative;

	float:left;

	width:333px;

	/*height:303px;*/

	/*margin-top:20px;*/

}

.footer-col2{

	position:relative;

	float:left;

	

}

.footer-col-title{

	position:reltive;

	width:293px;

	margin-left:10px;

	font-weight: bold;

	font-size:16px;

	color:#FFF;

	text-align:left;

	margin-top:5px;

	background-position:center;

}

.footer-col-title span{

	padding-left:6px;

	padding-right:6px;

}

.footer-col p{

	position:reltive;

	width:293px;

	margin-left:20px;

	font-size:15px;

	color:#FFF;

	text-align: left;

	margin-top:10px;

}



.footer-col ul{

	position:reltive;

	width:293px;

	margin-left:20px;

	font-size:15px;

	color:#FFF;

	margin-top:10px;

}

.footer-col ul li a{

	text-decoration:none;

	color:#FFF;

}



/* CONTACTO EXPRESS */

footer fieldset{

	position:reltive;

	width:273px;

	margin-left:20px;

	font-size:15px;

	color:#FFF;

	border:0px;

}

label{

	position:relative;

	display:block;

	width:273px;

}

input[type=text], input[type=email]{

	position:relative;

	width:273px;

	height:25px;

	font-size:16px;

	border:0px;

	border-radius:5px;
	margin-bottom:5px;

}

input[type=submit], button{

	position:relative;

	width:273px;

	height:35px;

	font-size:16px;

	border:0px;

	background-color:#2587CF;

	color:#FFF;

}

textarea{

	position:relative;

	width:273px;

	height:50px;

	border:0px;

	border-radius:5px;

	font-size:16px;

}



/*SECTION*/

section{

	position:relative;

	width:100%;

	overflow:hidden;

}



/* ARTICLE */

article{

	position:relative;

	width:100%;

	min-height:250px;

	overflow:hidden; 
	margin-bottom:200px;
}



/*CONTENT*/

.content{

	position:relative;

	width:1000px;

	margin:0 auto;

}

.content fieldset{

	position:reltive;

	width:500px;

	margin-bottom:20px;

	font-size:16px;

	border:0px;

}

.content fieldset label{

	float:left;

	width:100px;

}

.content fieldset input, .content fieldset textarea, .content fieldset button{

	float:right;

}

.content ol{

	padding-left:20px;

}

.orange-opacity{

	/*background-color:#FB8B39;*/
	
	background: rgba(251,139,57, 0.8);

	/*filter:alpha(opacity=90);*/

	/*opacity:.9;*/

	color:#FFF;

	padding-bottom:20px;

	padding-top:20px;

}

.orange-opacity a{

	text-decoration:none;

	color:#FFF;

}

.orange-opacity-footer{
	background: rgba(251,139,57, 0.8);
	color:#FFF;
}

.orange-opacity-footer a{

	text-decoration:none;

	color:#FFF;

}

.grey{

	/*background-color:#EEE;*/
	
	background: rgba(238,238,238, 0.8);

	/*filter:alpha(opacity=90);

	opacity:.9;*/

	color:#666;

	padding-bottom:20px;

	padding-top:20px;

}

.grey a{

	text-decoration:none;

	color:#666;

}

.text-white{

	color:#FFF;

}

.text-grey{

	color:#333;

}

 

.ulcontent{

	padding-left:30px;

}

.span1{

	position:relative;

	float:left;

	width:28%;

	padding:1%;

}

.span2{

	position:relative;

	float:left;

	width:48%;

	padding:1%;

}

.span3{

	position:relative;

	float:left;

	width:68%;

	padding:1%;

}

.span4{

	position:relative;

	float:left;

	width:98%;

	padding:1%;

}



/*SLIDER*/

.contSlider{

	height:400px;

}



table a:link {

	color: #666;

	font-weight: bold;

	text-decoration:none;

}

table a:visited {

	color: #999999;

	font-weight:bold;

	text-decoration:none;

}

table a:active,

table a:hover {

	color: #bd5a35;

	text-decoration:underline;

}

table {

	font-family:Arial, Helvetica, sans-serif;

	color:#666;

	font-size:12px;

	text-shadow: 1px 1px 0px #fff;

	background:#eaebec;

	margin:20px;

	border:#ccc 1px solid;



	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border-radius:3px;



	-moz-box-shadow: 0 1px 2px #d1d1d1;

	-webkit-box-shadow: 0 1px 2px #d1d1d1;

	box-shadow: 0 1px 2px #d1d1d1;

}

table th {

	padding:21px 25px 22px 25px;

	border-top:1px solid #fafafa;

	border-bottom:1px solid #e0e0e0;



	background: #ededed;

	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));

	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);

}

table th:first-child {

	text-align: left;

	padding-left:20px;

}

table tr:first-child th:first-child {

	-moz-border-radius-topleft:3px;

	-webkit-border-top-left-radius:3px;

	border-top-left-radius:3px;

}

table tr:first-child th:last-child {

	-moz-border-radius-topright:3px;

	-webkit-border-top-right-radius:3px;

	border-top-right-radius:3px;

}

table tr {

	text-align: center;

	padding-left:20px;

}

table td:first-child {

	text-align: left;

	padding-left:20px;

	border-left: 0;

}

table td {

	padding:18px;

	border-top: 1px solid #ffffff;

	border-bottom:1px solid #e0e0e0;

	border-left: 1px solid #e0e0e0;



	background: #fafafa;

	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));

	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);

}

table tr.even td {

	background: #f6f6f6;

	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));

	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);

}

table tr:last-child td {

	border-bottom:0;

}

table tr:last-child td:first-child {

	-moz-border-radius-bottomleft:3px;

	-webkit-border-bottom-left-radius:3px;

	border-bottom-left-radius:3px;

}

table tr:last-child td:last-child {

	-moz-border-radius-bottomright:3px;

	-webkit-border-bottom-right-radius:3px;

	border-bottom-right-radius:3px;

}

table tr:hover td {

	background: #f2f2f2;

	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));

	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	

}



/* DIAGRAM */

.numberDiagram{

	position:relative;

	float:left;

	width:80px;

}

.titleDiagram{

	position:relative;

	float:left;

	width:250px;

}

.contentDiagram{

	position:relative;

	float:left;

	width:350px;

}

.ulservicios{
	padding-left:30px;
}