html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, small, strong, ol, ul, li, form, label,
table, caption, tr, td, footer, header {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
footer, header, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
    text-rendering: optimizeLegibility;
 	font-weight:400;
	font-family: 'PT Sans', sans-serif;
	 
}
.bg-container { 	background: url(../images/bg.png) repeat; }

h1, h2 {color: #000;   font-family: 'Source Sans Pro', sans-serif;}
h1 {font-size: 36px; }
h2 {font-size: 18px; margin-top:30px; font-weight:bold;}
h3 {font-size: 18px; margin-top:30px; font-weight:bold; text-decoration:underline; text-transform:uppercase;}
h4 {font-size: 18px; margin-top:10px; font-weight:bold;}
h5 {}

.margen1 {margin-left:40px;}

p {line-height: 22px; font-size: 18px; color: #666666; text-align:left;  font-family: 'Source Sans Pro', sans-serif; }
ol, ul {
	list-style: none;
}

a { color:#e41e2c; text-decoration:none; }
a:focus { color:#cc0000; outline:0; text-decoration:none; }
a:hover { color:#cc0000; text-decoration:none; }

input { font-family: 'Source Sans Pro', sans-serif; }
input:focus { border:0; outline:0; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {  color: #555555;border-color:rgba(255,255,255,0.46);box-shadow: 0px 0px 0px ; }
input:focus:valid:focus, textarea:focus:valid:focus, select:focus:valid:focus {  color: #555555;border-color:rgba(255,255,255,0.46);box-shadow: 0px 0px 0px; }

.loading { max-height:100%; height: 850px; background: url('../img/loader.gif') no-repeat center 35% #3f464d !important; display:block;}
 

/* GENERAL  */ 
.wrapper { width:940px; margin:0 auto; }
.clear { clear:both; }
.fixi2 { padding:80px 0 0px!important; }

/* HEADER  */ 
.header { 
    height:82px; 
    display:block;
	background-color:#FFF;
}
.logo { float:left; margin:15px 0; }

.navi { float:right; font-family: 'PT Sans', sans-serif; margin:30px 0 0; }
.navi ul li { float:left; width:100px; text-align:center; font-weight: bold;  }
.navi ul li a {  color:#4a4a4a; font-size:16px;  }
.navi ul li a:hover {  color:#e4202e;}
.navig  li.current a {  color:#e4202e;  border-bottom:solid;}

.navig  li.caja a { padding:3px 15px;color:#FFF; background-color:#959698;}
.navig  li.caja a:hover { color:#ccc;}

.navi ul li.s1 a, .navi ul li.s2 a { font-weight:600; color:#fff; text-transform:uppercase; font-size:13px; }
.navi ul li.s1 { margin:0 0 0 60px; }
.navi ul li.s2 { background:url(../img/navi-div.png) repeat-y; }

/* INTRO  */
.intro-text { padding:50px 0 0px 0px; height:108px;  }
.intro-text p { font-size: 57px; line-height: 65px; font-weight: 400; }
.intro-text h6 { font-size: 16px; line-height: 18px; margin: 100px 0 0 20px; color: #959698; }

.intro2-text { padding:0px 0 0px 0px; height:0px;  }
.intro2-text p { font-size: 57px; line-height: 50px; font-weight: 400; }
.intro2-text h6 { font-size: 16px; line-height: 18px; margin: 100px 0 0 20px; color: #959698; }


.rojo { color: #e4202e; }
.gris { color: #959698;}
.secciones {font-family:Arial, Helvetica, sans-serif; margin-left:20px; color:#FFF;}

/* MAIN*/
.main-title-pages { margin: 0 0 60px 0; text-align: center; font-weight: 300; }
.main-title-pages p {margin: 35px 0;  }
.main-title-pages-li {margin: 10px 0;   font-size: 18px; color: #666666;  line-height: 22px;}
.main-title-pages .main-title-pages-p { }

.main-title-pages2-ulyli { margin: 0 0 10px 0; font-weight: 300;  font-family: 'Source Sans Pro', sans-serif; line-height:20px;}

.main-title-pages2 { margin: 0 0 60px 0; font-weight: 300;  font-family: 'Source Sans Pro', sans-serif; line-height:20px;}
.main-title-pages2 p {margin: 16px 0; color: #000;  }

.main-title-pages2 .main-title-pages-p { line-height: 22px; font-size: 20px; color: #666666; text-align:left; }

.bold {font-weight:bold; color:#e41e2c;}

/* 1 */
.about {   display:block; padding:45px 0 0;  }
.title { width:100%; }
p.title-spc { float:left; width:25%; color:#e41e2c; font-family: 'Source Sans Pro', sans-serif; font-size:35px; text-align:center; font-weight: 300; }
p.title2-spc { float:left; width:25%; color:#ffffff; font-family: 'Source Sans Pro', sans-serif; font-size:35px; text-align:center; font-weight: 300; }
p.title3-spc { float:left; width:60%; color:#ffffff; font-family: 'Source Sans Pro', sans-serif; font-size:35px; text-align:center; font-weight: 300; line-height: 1.0; }

.linea1 { margin:8px 0 0; display:block; height:13px; width:75%; float:right; background:url(../images/linea1.png) repeat-x;  }
.linea2 { margin:8px 0 0; display:block; height:13px; width:75%; float:right; background:url(../images/linea2.png) repeat-x;  }
.linea4 { margin:8px 0 0; display:block; height:13px; width:40%; float:right; background:url(../images/linea2.png) repeat-x;  }

.title h3 { margin:30px 0; color:#707173; font-weight:400; font-size:30px; text-align:center; }
.title h3 strong { font-weight:600; }

.about-img { width:50%; float:left;  margin:60px 0 0;}
.about-txt { width:50%; height:360px; diaply:block; float:left; margin:60px 0 0; background:url(../img/about/txt-bg.png) no-repeat; }
.about-txt-bg { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cc000000', endColorstr='#cc000000'); /* IE */  background-color:rgba(66,73,80,0.97); width:100%; height:100%; display:block;}

.about-txt-wrap {  padding:45px 30px ; }
.about-txt h6 { float:left; text-transform:uppercase; font-weight:600; color:#ffffff; font-size:20px; }
.about-txt-div { margin:14px 0 0; float:right; width:65%;  background:url(../img/about/about-div.png)  repeat-x; height:1px; display:block;  }
.about-txt-div2 { margin:40px 0 0; float:right; width:75%;  background:url(../img/about/about-div.png)  repeat-x; height:1px; display:block;  }
.about-txt p  { color:#b8babd; font-weight:300; font-size:15px; margin:15px 0 0; line-height:2; }
.about-txt p.about-subtitle { color:#d7d9da; font-weight:300; font-size:18px; margin:30px 0 0; }
.about-txt a  {float:left; width:60px;  border-radius:5px; font-weight:300; font-size:14px; color:#c8cacc; margin:20px 0 0; line-height:2; padding:5px 25px 5px 0px; height:40px; display:block; background:url(../img/about/about-arrow.png) no-repeat 90% 12px ; }

/* 2 */

.soluciones { padding:40px 0 0px; height:800px; background: url(../images/bg.png) repeat; }
.icon {   display:block; clear:both; height:130px; width:190px; margin:0 auto;   }
.col3 { width:33%; float:left; margin:0px 0 0px; height:200px; display:block; }
.col3-div  { margin:100px 0 0; width:0%; height:100px; float:left; display:block;   }
.col3 img { margin: 0 auto; display: block; }

.col4 { width:28%; float:left; margin:30px 0 0px; height:200px; display:block; }
.col4-div  { margin:100px 0 0; width:8%; height:100px; float:left; display:block;   }
.col4 img { margin: 0 auto; display: block; }

.col4:hover {  }
.col4  h6 { margin:0; font-size:18px; text-align:center; font-weight:600; color:#424950; }
.col4  p { margin:25px 10px 0; line-height:25px; font-size:20px; text-align:center; font-weight:400; color:#666666; }

/* 3 */
.top-image {  height:340px;  display:block;  background-attachment:fixed; background-image:url(../images/bg-seccion1.jpg); border-bottom:solid 4px #e41e2c;  }
.top-image-txt { height:auto; display:block; margin:50px 0; padding: 30px 0;  }

.top-image2 {  height:40px; display:block;  background-attachment:fixed; background-image:url(../images/bg-seccion1.jpg); border-bottom:solid 4px #e41e2c;  }
.top-image2-txt { height:auto; display:block; margin:50px 0; padding: 13px 0 0 215px; }
.top-image2 p{font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.linea3 { margin:20px auto 20px; display:block; height:1px; width:100px; background-color:#ffffff; }

/* 4 */
.info { padding:70px 0 70px; background: url(../images/bg.png) repeat;  }
.infosoluciones { padding:70px 0 30px; background: url(../images/bg.png) repeat;  }
.infocontacto { padding:20px 0 400px; background: url(../images/bg.png) repeat;  }
.icon3 { width:100%; height:258px; position:relative; }
img.a { position: absolute; left: 0;	top: 0;  z-index: 10; border:3px solid #fff; border-radius:80%;	}
.b {  width:300px; height:260px;	position: absolute;	left: 0; top: 0; z-index: 12;	}
.info ul {  padding-bottom:20px; }
.info li { position:relative;  max-width:100%; }	
.info li img.a {    width:100%;  }
.info li div.b { max-width:100%;  max-height:100%;  }
 
.info ul.infoi h6 { width:120px;  clear:both; text-align:center; font-size:18px; text-transform:uppercase; font-weight:500; margin:30px auto 0; border-bottom:1px solid #e0e4e5; padding:0 0  15px; color:#424950;}
.info ul.infoi p { margin:10px 0 0; line-height:2; font-size:15px; text-align:center; font-weight:400; color:#8e8e8e; }
.info-s span { margin:10px auto 0 auto; line-height:2; font-size:12px; text-align:center; font-weight:400; color:#8e8e8e; display: block; }
.info-s span a { 
    margin:10px 10px; 
    line-height:2; 
    font-size:12px; 
    text-align:center; 
    font-weight:400; 
    color:#8e8e8e; 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.info-s span a:hover { 
    color:#FF6B59; 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
  
/* 5 */
.clients {   display:block; background:url(../images/bg2.png) repeat; background-attachment:fixed;  border-bottom:solid 4px #e41e2c;  border-top:solid 4px #e41e2c; }
.msapps {   display:block; background:url(../images/bg2.png) repeat; background-attachment:fixed;  border-bottom:solid 0px #e41e2c;  border-top:solid 4px #e41e2c; }
.testi-img { width:90px; margin:0 auto; }
.testi { padding:60px 0 30px 0; }
.testi p { margin:20px 0; font-size:24px; font-style:italic; color:#ffffff; text-align:center; padding:0 140px;  line-height:2.2; font-style:italic;}  
.testi p.testio { font-size:15px; color:#222424; font-style:normal; color:#8b8e91; }  
.testi-container { position:relative; }
testi flexslider { margin: 0 auto; display: block; }
.testi p.testio strong {   color:#FF6B59; } 

/* 9  */
.copy { height:30px; padding:30px 0 15px;   background-color:#FFF; display:block; border-top: 4px solid #FF6B59; }
.copy a {color:#666}
.copy img { margin: 0 auto; display: block; }
.logo2 { margin:0 auto; width:120px; }
.lineax3 {   margin:0px auto 0; display:block; height:13px; width:30%;   background:url(../images/linea2.png) repeat-x;  }

.data { height:100px; padding:40px 0 70px; }
.iconfi {  height:40px; width:45px; margin:0 auto; display:block; }
.data-txt { text-align:center; font-size:18px; color:#8b8e91; padding:13px 40px; line-height:1.9; }
.copy p { font-size:14px; text-align:center; color:#74787c;}
.copy p strong { font-weight:600;}

/* 10  */
#mobi-menu.on { display:block; z-index:200; position:relative; background-color:#FFF; padding:15px 0; }
#mobi-menu.on ul li { width:100%; text-align:center; height:10px; background-color:#FFF;  border:1px solid #EDECEA; padding:15px 0 20px; margin:10px 0; }
#mobi-menu a { color: #FF6B59; }
#mobi-menu a:hover { color: #cf5041; }
#mobi-menu.off { display:none; }
#mobile { width:51px; height:51px; display:block; background: url("../img/mobile.png") no-repeat scroll 0 0 transparent;  }
.navi2 { display:none; float:right; margin:15px 0 0;}

/* Móviles */
@media(min-width: 768px) and (max-width: 979px) {   
.wrapper { width:725px; margin:0 auto; }
.navi ul li {  width:70px; }
.flex-caption, .flex-caption2 { width:420px; top:25%;  }
.flex-caption h3, .flex-caption2 h3 { font-size:18px; }
.flex-caption p.subtitle, .flex-caption2 p.subtitle { font-size:14px; }
.slide-form input.email { width:320px; }
.title h3 { font-size:22px; }
.about-txt-div { width:45%; }
.about-txt-wrap { padding: 25px 30px; } 
.about-txt { height:278px; }
.about-txt p.about-subtitle { display:none; }
#overlay_form iframe { width:600px; height:350px; }
#overlay_form  { width:600px; }
.icon3 { height:168px; }
.info { padding:70px 0 0px; }
.testi p { font-size:22px; padding:0 100px;  }
.gallery { height:auto; }
.gallery li { min-height:160px; } 
.form-contact input { width:42%; padding:5px 23px; }
.data-txt { font-size:13px; }
}

@media(min-width: 480px) and (max-width: 767px) { 
.wrapper { width:460px; margin:0 auto; }
.navi { display:none; }
.navi2 { display:block; }
.flex-next , .flex-prev { top:40%; }
.flex-caption, .flex-caption2 { width:320px; top:10%;  }
.flex-caption h3, .flex-caption2 h3 { font-size:16px; }
.flex-caption p.subtitle, .flex-caption2 p.subtitle { font-size:11px; }
.flex-caption a  { width:80px; height:30px; padding: 8px 50px 10px 15px; font-size:16px; }
.flex-caption a.fc1  { width:80px; height:30px; padding: 8px 50px 10px 15px; font-size:16px; }
.flex-caption2 a.fc1  { width:80px; height:30px; padding: 8px 50px 10px 15px; font-size:16px; }
.flex-caption a.fc2  { width:80px; height:30px; padding: 8px 50px 10px 15px; font-size:16px; }
.slide-form input.email { height:30px; width:240px; }
.slide-form input.button { width:40px; height:40px; background-position:50% 1px;}
.flex-prev, .flex-next { background-size:60px; width:60px; height:60px; }
p.title-spc { font-size:22px; margin:5px 0 0;  }
p.title2-spc { font-size:22px; margin:5px 0 0;  }
p.title3-spc { font-size:22px; margin:5px 0 0;  }
.title h3 { font-size:26px; line-height:2; }
.about-img { clear:both; width:100%; }
.about-img img {  width:100%; }
.about-txt {  clear:both; width:100%; margin:0 ; height:360px; }
.col3 { width:100%; margin:1px 1px 40px; font-size:12px }
.col3-div { display:none; }
.col4 { width:100%; margin:0px 0 40px; }
.col4-div { display:none; }
.soluciones {  height:1180px; }
.soluciones .title { padding:0 0 60px; }
#overlay_form iframe { width:420px; height:250px; }
#overlay_form  { width:420px; }
.gallery li { min-height:100px; } 
li.info-s { width:290px!important; margin:0 auto 60px!important; }
.info { height:3600px; }
.gallery { height:auto; }
.form-contact input { padding: 5px 20px;  width: 38%; }
.form-contact textarea {  max-width: 91%;  min-width: 91%;   width: 91%; }
.contact { height:680px; }
.data { height:460px; }
.data .span4 { height:180px; }

.intro-text { padding:70px 0 0px; height:200px;  }
.intro-text p { font-size: 38px; line-height: 40px; font-weight: 300; }
.intro-text h6 { font-size: 16px; line-height: 18px; margin: 35px 0 0 0; color: #B6B6B6; }
.rojo { color: #e4202e; }
.gris { color: #959698;}
 }

@media(max-width:480px) {  
.wrapper { width:300px; margin:0 auto; }
.flex-caption, .flex-caption2 {  width:250px; top:20%; left:12%; right:12%;  }
.navi { display:none; }
.navi2 { display:block; }
.gallery li { min-height:80px; } 

.flex-caption p.subtitle, .flex-caption2 p.subtitle { display:none; }
.flex-caption h3, .flex-caption2 h3 { background-color:#383E44; font-size:12px; }
.flex-prev, .flex-next { background-size:30px; width:30px; height:30px; }
.flex-caption a  { width:70px; height:20px; padding: 8px 50px 15px 15px; font-size:14px; }
.flex-caption a.fc1  { width:70px; height:20px; padding: 8px 50px 15px 15px; font-size:14px; }
.flex-caption2 a.fc1  { width:70px; height:20px; padding: 8px 50px 15px 15px; font-size:14px; }
.flex-caption a.fc2  {  display:none; }
.slide-form input.email { height:30px; width:120px; }
.slide-form input.button { width:40px; height:40px; background-position:50% 1px;}
p.title-spc { font-size:14px; margin:5px 0 0;  }
.title h3 { font-size:22px; line-height:2; }
.about-img { clear:both; width:100%; }
.about-img img {  width:100%; }
.about-txt {  clear:both; width:100%; margin:0 ; height:500px; }
.about-txt-div2 { width:45%; }
.about-txt-div { width:35%; }
.col4 { width:100%; margin:0px 0 40px; }
.col4-div { display:none; }
.soluciones {  height:1300px; }
.soluciones .title { padding:0 0 60px; }

li.info-s { width:290px!important; margin:0 auto 60px!important; }
.info { height:1900px; }
#overlay_form iframe { width:280px; height:250px; }
#overlay_form  { width:280px; }
.testi p { font-size:17px; padding: 0 60px; }
.gallery { height:auto; }
.form-contact input { padding: 5px 20px;  width: 32%; }
.form-contact textarea {  max-width: 86%;  min-width: 86%;   width: 86%; }
.contact { height:680px; }
.form-contact input.input-submit { width:160px; }
.data { height:460px; }
.data .span4 { height:180px; }

.intro-text { padding:70px 0 0px; height:200px;  }
.intro-text p { font-size: 38px; line-height: 40px; font-weight: 300; }
.intro-text h6 { font-size: 16px; line-height: 18px; margin: 35px 0 0 0; color: #B6B6B6; }
.rojo { color: #e4202e; }
.gris { color: #959698;}
 }

.center-image { display: block; margin-left: auto; margin-right: auto; width: auto; }