@charset "utf-8";
/* CSS Document */
body {
	text-align: center;

}
#doc {
	text-align:left; /* obligatorio */
	margin:auto; /* para centrar la página */
	width: 68.61em; /* resto de navegadores */
	*width: 66.90m; /* navegador Internet Explorer */
	min-width: 892px; /* opcional, pero recomendada */
}

.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear{
	zoom: 1;
}
/*Elimina bordes punteados*/
a:active{-moz-outline-style: none;outline: 0;}
a:focus{outline: 0;-moz-outline-style: none;}

.disable { display:none;}

.web-none { display:none}

header { position:relative; z-index:20;}
header #logo a { background:url(../img/logo.png) no-repeat; height:100px; width:300px; display:block; text-indent:-90000px; float:left; margin-left:-4px;}

#language { position:absolute; right:24px; top:24px; z-index:200;}
#language  ul li { float:left;}
#language  ul li a { float:left; text-transform:uppercase; color:#4D4D4D; background:#fff; text-align:center; padding:5px; text-decoration:none; margin-right:1px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);opacity:0.8; font-size:93%;}
#language  ul li.active a{ background-color:#700629; color:#fff}

#language  ul li.active a,#language  ul li a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);opacity:1;}


#mobile_nav { display:none;}

#main_nav { position:fixed; bottom:0; left:0; height:42px; background:#fff; width:100%;}
#main_nav nav ul li { float:left; height:42px;}
#main_nav nav ul li a:hover { background:#333; color:#fff;
      transition: background-color 0.3s linear;
      -moz-transition: background-color 0.3s linear;    /* FF3.7+ */
      -o-transition: background-color 0.3s linear;      /* Opera 10.5 */
      -webkit-transition: background-color 0.3s linear; /* Saf3.2+, Chrome */
}
#main_nav nav ul li.active a {background:#700629; color:#fff}
#main_nav nav ul li a { float:left; width:140px; text-align:center; color:#4D4D4D; text-decoration:none; padding-top:15px; border-left:1px solid #000; height:42px;}

#pagination_top { left:0px; top:-6px; position:absolute; z-index:200;}
#pagination_top ul { width:93px;}
#pagination_top li { float:left;}
#pagination_top li a { height:45px; display:block; width:45px; float:left; background:url(../img/prevnext_btns.png) no-repeat; text-indent:-90000px; margin-right:1px;}
#pagination_top li a#prev_btn { background-position:-1px -90px;}
#pagination_top li a#next_btn {background-position:-47px -90px;}
#pagination_top li a#next_btn:hover {background-position:-47px 0px;}
#pagination_top li a#prev_btn:hover { background-position:-1px -45px;}

#pagination_top li a#prev_btn.disable {background-position:-1px 0px;cursor:default;}
#pagination_top li a#next_btn.disable {background-position:-46px -45px; cursor:default;}

#pagination_contact { right:-45px; bottom:-91px; position:absolute; z-index:200;}
#pagination_contact ul { width:45px;}
#pagination_contact ul li { float:left;}
#pagination_contact ul li a { height:45px; display:block; width:45px; float:left; background:url(../img/topbottom_btns.png) no-repeat; text-indent:-90000px;}
#pagination_contact ul li a#top_btn { background-position:-45px 0px;}
#pagination_contact ul li a#bottom_btn {background-position:0px -45px;}

#pagination_contact li a#top_btn:hover {background-position:-90px 0;}
#pagination_contact li a#bottom_btn:hover { background-position:-90px -45px;}

#pagination_contact ul li a#top_btn.disable { background-position:0px 0px;cursor:default;}
#pagination_contact ul li a#bottom_btn.disable {background-position:-45px -45px;cursor:default;}

#content { width:100%; position:absolute; top:0; left:0; min-width:892px; min-height:550px; height:100%; overflow:hidden; }
#main_content { width:892px; margin:auto; height:834px; position:relative; left:0;top:50%; margin-top:-153px;}
#main_content article {
	height: 100%;
    left:0px ;
	padding-top:42px; 
    position: absolute;
    top: 0;
    width: 5300px;	
}

/*#main_content article section.active {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);opacity:1;
}*/
#main_content article section { width:892px; float:left; height:304px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);opacity:0.2;
position:relative; margin-right:1px; }
#main_content article section p { color:#666666; font-size:12px; line-height:18px; margin-bottom:11px; }
#main_content article section .mt p {text-align:justify}
#main_content article section .mt li p { text-align:left}
#main_content article section p strong { font-weight:bold;}
#main_content article section p a { text-decoration:none; color:#666666;}
#main_content article section p a:hover { text-decoration:underline;}
#main_content article section .hd h3 { font-size:153.9%; color:#202020; margin-bottom:17px; font-family: 'Andada', serif;}
#main_content article section .mt ul { overflow:hidden}
#main_content article section .mt ul li { background:url(../img/ic-bullet.png) no-repeat  left 5px; padding-left:14px; color:#fff; margin-bottom:4px; display:block; }
#main_content #services ul li { margin-bottom:16px}
#main_content article section .mt ul li p { color:#fff; font-size:100%; }
#main_content article section#clients .mt p { color:#fff; clear:both}

#main_content article section #div_contacto_msg { width:110px; margin-top:10px; display:none; float:left;  font-size:85%; line-height:15px; text-align:left;}
#main_content article section #div_contacto_msg.error { background:url(../img/ic-error.png) no-repeat top left; padding:0 0 10px 30px;color:#922B31;}
#main_content article section #div_contacto_msg.ok {background:url(../img/ic-ok.png) no-repeat top left; padding:0 0 10px 30px;color:#448928;}

/*#main_content article section#start {  left:390px;}
#main_content article section#services { left:1283px;}
#main_content article section#clients {  left:2176px;}
#main_content article section#study { left:3069px;}
#main_content article section#contact { left:3962px;}*/

#main_content article section#clients .mt ul li { float:left; width:170px;}

#main_content article section#contact .form .input { float:left; width:262px; margin-bottom:8px; margin-right:15px;}
#main_content article section#contact .form .input label { display:inline-block; font-size:93%; color:#666666; margin-bottom:9px; width:100%; position:relative}
#main_content article section#contact .form .input label em { position:absolute; right:0;}
#main_content article section#contact .form .input .input_bg { background:#DADADA; height:26px; }
#main_content article section#contact .form .input .input_bg input { background:none; border:none; padding:5px; width:250px; color:#666666; height:15px;}
#main_content article section#contact .form .input .input_bg input.error { border:1px solid #922B31;}
#main_content article section#contact .form .input .textarea_bg  { background:#DADADA;border:none;}
#main_content article section#contact .form .input .textarea_bg textarea  { overflow: hidden; color:#666666;height:140px; width:250px; padding:5px;  background:#DADADA;border:none;}

#main_content article section#contact #send_btn { background:#363636; text-align:center;color:#fff; text-decoration:none; font-size:93%; padding:9px 39px; float:left; margin:10px 16px;}
#main_content article section#contact #send_btn:hover { background:#666;}
#main_content article section#contact .contact_mt { position:absolute; right:0;}
#main_content article section#contact #map { position:absolute; top:-306px; right:0;}
#main_content article section#contact .left_form { float:left; width:262px;} 
#main_content article section#contact .right_form { float:right; width:282px;}

#main_content article section .hd { float:left; width:245px; margin-right:1px; background:#fff; height:244px; text-align:left; padding:30px 23px; }
#main_content article section .mt { float:right; width:559px; background:#fff; height:254px; padding:25px 20px; text-align:left; }
#main_content article section .mt_disable { opacity:0.8; filter: alpha(opacity=80)}
#main_content article section .color { background:#363636;}

.scroll-pane{width: 100%;height: 254px;	overflow: auto; padding-right:10px;}
.horizontal-only{height: auto;	max-height: 240px;}


.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 24s linear infinite 0s;
    -moz-animation: imageAnimation 24s linear infinite 0s;
    -o-animation: imageAnimation 24s linear infinite 0s;
    -ms-animation: imageAnimation 24s linear infinite 0s;
    animation: imageAnimation 24s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}

/*
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../@img_extras/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../@img_extras/2.jpg);
	background-repeat:no-repeat;
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../@img_extras/3.jpg);
	background-repeat:no-repeat;
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../@img_extras/4.jpg);
	background-repeat:no-repeat;
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}


.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
*/

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    20% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    27% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    20% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    27% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    20% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    27% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    20% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    27% { opacity: 1 }
    35% { opacity: 0 }
    100% { opacity: 0 }
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
.jspTrack, .jspDrag { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}


#info_map_mobile {display: none;}