/* CSS Document 

OPEN SANS
font-family: 'Open Sans', sans-serif;

*/


#menucito{
	background:#424242;
	z-index:99;
	width:100%;}
.top-todo{
	background:url(../images/bg-menu.png) top left repeat-x;
	z-index:99;
	width:100%;}

#top-top{
	font-family: 'Conv_HelveticaNeueLTPro-BdCnO';
	font-size:12px;
	color:#333;
	margin-top:100px;}
	
@font-face {
    font-family: 'oswaldbook';
    src: url('oswald-regular-webfont.eot');
    src: url('oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald-regular-webfont.woff') format('woff'),
         url('oswald-regular-webfont.ttf') format('truetype'),
         url('oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
.logo{
	padding:5px 0 0 0;}

.nosotros{
	background:url(../images/bg-nosotros.jpg) top center no-repeat #30323a;
	padding:30px 0;}

.nosotros h2{
	font-family: 'proxima_novaregular';
	font-size:36px;
	color:#fff;
	text-align:center;}
.nosotros h3{
	font-family: 'proxima_novabold';
	font-size:30px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;}
.nosotros .text{
	font-family: 'proxima_novaregular';
	color:#FFF;
	font-size:16px;
	line-height:24px;
	text-align:left;
	padding-right:20px;
	margin-top:20px;
	margin-bottom:10px;}
.nosotros .btn {
	margin-left:38%;}

.contenido-interna .container{
	padding:25px 30px;}
.contenido-interna h1{
	background:url(../images/linea-h1.jpg) bottom center no-repeat;
	font-family: 'proxima_novabold';
	font-size:30px;
	text-align:center;
	padding-bottom:25px;
	text-transform:uppercase;
	margin-bottom:25px;
	color:#6b6b6b;}

.contenido-interna .proyecto-interna h2 {
background: none;
color: #6b6b6b;
font-family: 'proxima_novasemibold';
font-size: 18px;
text-align: left;
padding-bottom: 10px;
text-transform: uppercase;
color:#6b6b6b;
}
.contenido-interna .proyecto-interna h2 a{
color:#6b6b6b;}

.contenido-interna h2 {
background: url(../images/linea-h2-g.jpg) bottom center no-repeat;
color: #6b6b6b;
font-family: 'proxima_novabold';
font-size: 15px;
text-align: center;
padding-bottom: 16px;
text-transform: uppercase;
color:#6b6b6b;
}

.texto a{
	color:#333;
	text-decoration:none;}

.contenido-interna .subtitle{
	 font-family: 'proxima_novasemibold';
	 font-size:15px;
	 color:#6b6b6b;
	 text-transform:uppercase;
	 text-align:center;
	 margin:30px 0;
	 display: block;
	float: left;
	width: 100%;}
.contenido-interna h2.pregunta{
	background:none;
	 font-family: 'proxima_novasemibold';
	 font-size:15px;
	 color:#6b6b6b;
	 text-transform:uppercase;
	 text-align:left;
	 margin:20px 0;
	 display: block;
	float: left;
	width: 100%;
	padding-bottom:0px;}
.contenido-interna .subtitle-1{
	 font-family: 'proxima_novasemibold';
	 font-size:24px;
	 color:#6b6b6b;
	 text-transform:uppercase;
	 text-align:center;
	 margin:50px 0;
	 display: block;
	float: left;
	width: 100%;}

.contenido-interna .lista{
	float:left;
	display:block;
	width:100%;}

.lista .item-lista{
	background:url(../images/vineta-item-list.png) 0px 4px no-repeat;
	padding-left:40px;
	line-height:24px;}

.contenido-interna p{
	font-family: 'proxima_novaregular';
	color:#6b6b6b;
	font-size:15px;
	text-align:justify;
	line-height:24px;
	}
.contenido-interna .text-h3{
	font-family: 'proxima_novaregular';
	color:#6b6b6b;
	font-size:13px;
	line-height:19px;
	text-align:center;
	padding:10px 0;}

.contenido-interna .proyecto-interna .text-h3{
	font-family: 'proxima_novaregular';
	color:#6b6b6b;
	font-size:13px;
	line-height:19px;
	text-align:left;
	padding:10px 0;}
.contenido-interna .proyecto-interna .text-h3 a{
	color:#6b6b6b;}

.contenido-interna .proyecto .text-h3{
	font-family: 'proxima_novaregular';
	color:#6b6b6b;
	font-size:13px;
	line-height:19px;
	text-align:left;
	padding:0;}
	
.posicionamiento-web{
	padding:30px 0;
	background:#b10f2f;}

.posicionamiento-web h2{
	background:url(../images/bg-h2-1.png) bottom center no-repeat;
	color:#fff;
	font-family: 'proxima_novabold';
	font-size:30px;
	text-align:center;
	padding-bottom:25px;
	text-transform:uppercase;}
.posicionamiento-web h3{
	background:url(../images/bg-h3.png) bottom center no-repeat;
	color:#fff;
	font-family: 'proxima_novabold';
	font-size:15px;
	text-align:center;
	padding-bottom:16px;
	text-transform:uppercase;}
.posicionamiento-web .text{
	font-family: 'proxima_novaregular';
	color:#FFF;
	font-size:16px;
	line-height:24px;
	padding:0 10%;
	text-align:center;
	margin:25px 0 35px;}
.posicionamiento-web .text-h3{
	font-family: 'proxima_novaregular';
	color:#FFF;
	font-size:13px;
	line-height:19px;
	text-align:center;
	padding:10px 0;}

.posicionamiento-sem{
	padding:30px 0;
	background:#34aecc;}
.email-marketing{
	padding:30px 0;
	background:url(../images/bg-email-marketing.jpg) top center repeat-y #30323a;}
.fb-ads{
	padding:30px 0;
	background:url(../images/bg-fb-ads.png) top center no-repeat #2c4986;
	min-height:379px;}
.fb-ads h2{
	color:#fff;
	font-family: 'proxima_novabold';
	font-size:30px;
	text-align:center;
	padding-bottom:15px;
	text-transform:uppercase;}
.fb-ads .text{
	font-family: 'proxima_novaregular';
	color:#FFF;
	font-size:14px;
	line-height:20px;
	padding:0 10%;
	text-align:center;
	margin:15px 0 15px;}
.email-marketing h2{
	color:#fff;
	font-family: 'proxima_novabold';
	font-size:30px;
	text-align:center;
	padding-bottom:15px;
	text-transform:uppercase;}
.email-marketing .text{
	font-family: 'proxima_novaregular';
	color:#FFF;
	font-size:14px;
	line-height:20px;
	text-align:center;
	margin:15px 0 15px;}

.clientes{
	padding:30px 0;
	background:#656263;}
.clientes h2{
	color:#fff;
	font-family: 'proxima_novabold';
	font-size:30px;
	text-align:center;
	padding-bottom:5px;
	text-transform:uppercase;}

.padding-proyecto{
	padding:0 7px;
	margin-bottom:15px;}
.proyecto{
	position:relative;}
.posicionamiento-sem .logos img{
	opacity:0.4;}
.posicionamiento-sem .logos img:hover{
	opacity:1;
	transition:opacity 0.5s;}

.proyecto-hover{
	opacity:0;
	position:absolute;
	top: 0;
	height: 100%;
	width:100%;
	background-color:rgba(48,50,58, 0.8);
	padding:15px;
	background-image:url(../images/icon-proyecto.png);
	background-repeat:no-repeat;
	background-position:95% 95%;
	transition:opacity 0.5s;}
.proyecto-hover:hover{
	opacity:1;
	transition:opacity 0.5s;}

.proyecto-hover h3{
	margin-bottom:0px;}
.proyecto-hover h3 a{
	font-family: 'proxima_novaregular';
	font-size:16px;
	line-height:20px;
	color:#9bc593;}
.proyecto-hover .text-h3 a{
	font-family: 'proxima_novaregular';
	font-size:13px;
	line-height:20px;
	color:#fff;}


.posicionamiento-sem h2{
	color:#fff;
	font-family: 'proxima_novabold';
	font-size:30px;
	text-align:center;
	padding-bottom:15px;
	text-transform:uppercase;}
.posicionamiento-sem h3{
	background:url(../images/bg-h3.png) bottom center no-repeat;
	color:#fff;
	font-family: 'proxima_novabold';
	font-size:15px;
	text-align:center;
	padding-bottom:15px;
	text-transform:uppercase;}
.posicionamiento-sem .text{
	font-family: 'proxima_novaregular';
	color:#FFF;
	font-size:13px;
	line-height:19px;
	padding:0 15%;
	text-align:center;
	margin:10px 0 15px;}

.contacto{
	padding:50px 0;
	background:url(../images/bg-contacto.jpg) top center repeat;}
.contacto h2{
	font-family: 'proxima_novabold';
	font-size:23px;
	line-height:26px;
	color:#303030;
	text-align:left;}
.contenedor{
	display:table;
	background:#FFF;
	width:95%;
	margin:0 auto;
	padding:35px;}
.form-contacto{
	background:#FFF;}

.contacto .direccion,.contacto .telefonos,.contacto .emails{
	font-family: 'proxima_novaregular';
	color:#303030;
	font-size:14px;
	padding-left:40px;
	margin:8px 0;
	}
.contacto .direccion{
	background:url(../images/icon-direccion.png) top left no-repeat;
	min-height:42px;
	line-height:42px;}
.contacto .telefonos{
	background:url(../images/icon-telefonos.png) top left no-repeat;
	min-height:42px;}
.contacto .emails{
	background:url(../images/icon-emails.png) top left no-repeat;
	min-height:42px;
	line-height:42px;}

.menu{
	margin-top:0px;}
.no-padding{
	padding:0px;}
.slider{
	background:url(../images/bg-slider.jpg) top left repeat-x #d1d1d1;}

.no-margin{
	margin:0px !important;}
.no-padding{
	padding:0px !important;}
/***********NUEVAS EMARKETING************/
@media (max-width: 767px) { /*LO QUE PASA CUANDO ES MENOR A 768 */

.menucito .btn-nosotros, .menucito .btn-registrese{
	float:left;
	width:40%;
	display:block;
	height:40px;
	background:none !important;
	padding:0 15px;
	border-bottom:1px solid #666;}
	
.menucito .btn-preguntas{
	float:left;
	width:60%;
	display:block;
	height:40px;
	background:none !important;
	padding:0 15px;
	border-bottom:1px solid #666;}

.carousel-inner > .item > img{
	display:none !important;}
.carousel-caption {
  z-index: 10;
}

.slider{
	background:#f2f2f2;}

.carousel-caption h2{
	font-family: 'proxima_novaregular';
	color:#545353;
	font-size:30px;
	text-align:center;
	padding:0 20px;
	margin-bottom:20px;}
.carousel-caption .cuadro-slide{
	font-family: 'proxima_novaregular';
	font-size:12px;
	text-align:justify;
	padding:15px 10px;
	width:90%;
	margin:0 auto;
	background:#FFF;
	box-shadow: 0px 2px 5px #999;
	border-radius:3px;
	color:#30323a;
	margin-bottom:10px;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{
	top: 40%;}

}

@media (min-width: 768px) and (max-width: 991px) { /*LO QUE PASA CUANDO ES MAYOR A 992 Y MENOR 1200*/
.carousel-inner > .item > img{
	}
.navbar-nav > li > a {
  padding:25px 10px 14px 10px;
  line-height: 20px;
}
.carousel-caption {
	 z-index: 10;
right: 5%;
left: 20%;
padding-bottom: 10px;
}
.carousel-caption h2{
	font-family: 'proxima_novaregular';
	color:#545353;
	font-size:30px;
	text-align:right;
	margin-bottom:15px;}
.carousel-caption .cuadro-slide{
	font-family: 'proxima_novaregular';
	font-size:12px;
	text-align:justify;
	padding:10px;
	width:60%;
	float:right;
	background:#FFF;
	box-shadow: 0px 2px 5px #999;
	border-radius:3px;
	color:#30323a;}

}

@media (min-width: 992px) and (max-width: 1200px) { /*LO QUE PASA CUANDO ES MAYOR A 992 Y MENOR 1200*/
.navbar-nav > li > a {
	padding:25px 10px 14px 10px;
  line-height: 20px;
}

.carousel-caption {
right: 10%;
left: 20%;
padding-bottom: 60px;
}
.carousel-caption h2{
	font-family: 'proxima_novaregular';
	color:#545353;
	font-size:40px;
	text-align:right;
	margin-bottom:30px;}
.carousel-caption .cuadro-slide{
	font-family: 'proxima_novaregular';
	font-size:13px;
	text-align:justify;
	padding:15px 15px;
	width:60%;
	float:right;
	background:#FFF;
	box-shadow: 0px 2px 5px #999;
	border-radius:3px;
	color:#30323a;}
}
@media (min-width: 1200px) {  /*LO QUE PASA CUANDO ES MAYOR A 1200*/
#menucito{
	background:#424242;
	position:fixed;
	top:0px;
	z-index:99;
	width:100%;}
.top-todo{
	background:url(../images/bg-menu.png) top left repeat-x;
	position:fixed;
	top:40px;
	z-index:99;
	width:100%;}
.slider-div{
	margin-top:182px;}
}

.redes-top .btn-fb{
	background:url(../images/sep-menucito.png) top left repeat-y;}
.redes-top .btn-fb, .redes-top .btn-tw, .redes-top .btn-pr{
	height:40px;
	float:right;
	background:url(../images/sep-menucito.png) top right repeat-y;}
.redes-top .btn-fb a{
	background:url(../images/sep-menucito.png) top left repeat-y;}
.redes-top .btn-fb a, .redes-top .btn-tw a, .redes-top .btn-pr a{
	display: block;
	padding:10px 11px;}
.menucito .btn-nosotros, .menucito .btn-preguntas, .menucito .btn-registrese{
	float:left;
	height:40px;
	background:url(../images/sep-menucito.png) top right repeat-y;
	padding:0 15px;}
.menucito .btn-registrese{
	background:none;}
.menucito .btn-nosotros a, .menucito .btn-preguntas a, .menucito .btn-registrese a{
	padding-left:23px;	
	line-height:40px;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-size:12px;}
.menucito .btn-nosotros a{
	background:url(../images/icon-nosotros.png) left center no-repeat;}
.menucito .btn-preguntas a{
	background:url(../images/icon-preguntas.png) left center no-repeat;}
.menucito .btn-registrese a{
	padding-left:0px;
	color:#fd84a2;}
.menucito .btn-nosotros a:hover, .menucito .btn-preguntas a:hover, .menucito .btn-registrese a:hover{
	text-decoration:none;}

input, textarea{
	padding:0 10px;
	height:36px;
	border:1px solid #f1f1f1;
	width:100%;}
textarea{
	height:55px;}
.form_fiel{
	position:relative;
	margin:8px 0;}

#refresh{
    float: left;
    width: 37px;
}
#captchaImg{
    float: left;
    padding: 0px;
    background: #FFF;
}
#code{
    float: left;
    width: 221px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px dotted #D6D6D6;
    height: 37px;
}
input[type='submit']{
    background: none repeat scroll 0 0 #00C280;
    border: medium none;
    color: #FFFFFF;
    float: right !important;
    margin-top: 8px;
    padding: 5px 22px;
    text-transform: uppercase;
    font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
    text-decoration: none;
    cursor:pointer;
}
.overflowMe{
    overflow: hidden;
}
.error{
	color:#f00;}
/*******************************************/