/* Theme Name: NSBS
Author: Martin Césare
Author URI: http://martincesare.com/
Version: 1.0
*/
 

* { margin: 0; padding: 0; outline: 0 }

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body {
background: #f0f0f0 url('images/textura.png') 0 0 repeat;
font-family: Raleway, 'Droid Sans', Arial, Verdana;
font-size: 100%;
color: #5a5a5a; 
text-align: center;
line-height:1.5;	
}


h2 { font-size: 22px; color: #666; }

h3 { font-size: 20px; }

h4 { font-size: 18px; }

p { padding: 12px;}

img { border: 0px; }

::selection { background: #fff; color: #333;	}

::-moz-selection { background: #fff; color: #333; }

a, a:visited { color: #78b968; text-decoration: none; }

a:hover { color: #518944; text-decoration: none; }


blockquote {
color: #3d4042;
width: 95%;
margin: 20px 1%;
padding-left: 1%;
text-align: left;
border-left: 2px solid #3d4042;
}

#container { 
width: 100%; 
margin: 0px auto;
text-align: left;
z-index: -2;
box-shadow: 0 10px 20px 0px #1c1c1c;
}

#main {
max-width: 1280px; 
width: 94%; 
margin: -50px auto 0px;
padding: 50px 3% 0px 3%;
background: #f0f0f0;
border: 1px solid #ddd;
}


#header {
position: fixed;
top: 0px;
width: 100%;
/* 
-webkit-box-shadow: 0 20px 60px #f0f0f0; 
-moz-box-shadow: 0 20px 60px #f0f0f0; 
box-shadow: 0 20px 60px #f0f0f0;
 
background-image: -webkit-linear-gradient(bottom, #2a2c2d, #3d4042); 
background-image: -moz-linear-gradient(bottom, #2a2c2d, #3d4042); 
background-image: -o-linear-gradient(bottom, #2a2c2d, #3d4042); 
background-image: -ms-linear-gradient(bottom, #2a2c2d, #3d4042); 
background-image: linear-gradient(to top, #2a2c2d, #3d4042);
*/
background-color: #3d4042;
z-index: 2;
}

.header-1280px {
position: relative; 
max-width: 1280px;
width: 100%;
height: 87px;
margin: 0px auto;
padding: 0px;
}


.header-logo {
position: relative; 
float: left;
width: 100px;
height: 87px;
}


img.logo { 
position: relative;
float: left; 
width: 55px; 
height: 67px; 
display: inline; 
margin: 10px 0px 10px 30px;
-webkit-animation: fadeIn 2s ease-in;
-moz-animation: fadeIn 2s ease-in;
-o-animation: fadeIn 2s ease-in;
animation: fadeIn 2s ease-in;
}


.header-navigation { 
float: left;
max-width: 1180px; 
width: auto; 
margin: 0px auto;  
z-index: 1; 
font-family: 'Open Sans', 'Montserrat', sans-serif;
font-size: 15px;
padding: 30px 0px;
}

.header-navigation li { margin: 3px 0px; display: inline; z-index: 1;}

li.menu-item-contacto:after { } /* Acá podría ir la flecha hacia abajo */

li.menu-item-contacto a, li.menu-item-contacto a:visited { color: #78b968; transition: all .2s ease-in-out; }

li.menu-item-contacto a:hover { color: #619654; background: none; transform: scale(1.1); }

li.menu-item-contacto-RWD { display: none; }

li.menu-item-facebook { background: url(images/facebook.png) center top no-repeat; width: 30px; display: inline-block; }

li.menu-item-twitter { background: url(images/twitter.png) center top no-repeat; width: 30px; display: inline-block; }

.header-navigation a, .header-navigation a:visited {
padding: 37px 15px;
color: #ededed;
text-decoration: none;
}


.header-navigation a:hover {
color: #fff;
}


li.current_page_item a { color: #fff; }



.sub-menu:before { /* triangulo */ 
position: absolute; 
float: right;  
right: 45px;
top: -12px;
width: 0; 
height: 0; 
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #78b968;
content: "";
}

.sub-menu { display: none; opacity: 0px; }

.SlideDown { display: inline; }


.header-navigation ul ul { 
display: none; 
position: absolute; 
top: 57px; 
right: 0px; 
float: right; 
color: #186f3d;
background: #78b968; 
padding: 10px 20px; 
border-bottom: 2px solid #619654;
z-index: 3; /* es importante */ 
opacity: 0;
}



.header-navigation ul li:hover > ul { 
display: block; 
opacity: 1; 
-webkit-animation: fadeInDownBig 1.2s ;
-moz-animation: fadeInDownBig 1.2s ;
-o-animation: fadeInDownBig 1.2s ;
animation: fadeInDownBig 1.2s ;
}


@-webkit-keyframes fadeInDownBig {
0% { opacity: 0; -webkit-transform: translateY(-30px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}


@-moz-keyframes fadeInDownBig {
0% { opacity: 0; -moz-transform: translateY(-30px); }
100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes fadeInDownBig {
0% { opacity: 0; -o-transform: translateY(-30px); }
100% { opacity: 1; -o-transform: translateY(0); }
}


@keyframes fadeInDownBig {
0% { opacity: 0; transform: translateY(-30px); }
100% { opacity: 1; transform: translateY(0); }
}



.header-navigation ul { position: relative; display: inline-table; }

.header-navigation ul:after { content: ""; clear: both; display: block;	}

.header-navigation ul ul li { float: none; position: relative; }

.header-navigation ul ul li a { color: #186f3d; }

.header-navigation ul ul li a:hover { color: #fff; background: none; }

nav a#pull { display: none; }



/* ******************** HOME PAGE ********************** */ 

.Home-Footer-Menu {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: 250px;
-webkit-animation: fadeIn 2s ease-in;
-moz-animation: fadeIn 2s ease-in;
-o-animation: fadeIn 2s ease-in;
animation: fadeIn 2s ease-in;
}

.home-footer {
float: left;
width: 25%;
min-width: 320px;
height: 250px;
padding-bottom: 0px;
display: inline-block;
}


.home-footer-1 { background: #2dcc70; background-color: rgba(45,204,112,0.5); }
.home-footer-2 { background: #26a75c; background-color: rgba(38,167,92,0.5); }
.home-footer-3 { background: #1c7b44; background-color: rgba(28,123,68,0.5); }
.home-footer-4 { background: #124d2b; background-color: rgba(18,77,43,0.5); }


.home-footer-1:hover { background-color: rgba(45,204,112,0.7); }
.home-footer-2:hover { background-color: rgba(38,167,92,0.7); }
.home-footer-3:hover { background-color: rgba(28,123,68,0.7); }
.home-footer-4:hover { background-color: rgba(18,77,43,0.7); }


.home-footer-title {
position: relative;
color: #fff;
font-size: 32px;
text-align: center;
display: block;
margin-top: 20px;
}


.home-footer-tagline {
position: relative;
color: #fff;
font-size: 24px;
text-align: center;
display: block;
margin-top: -10px;
}

.home-footer-text {
position: relative;
color: #fff;
font-size: 16px;
text-align: left;
display: block;
margin: 40px 40px 15px;
}


/* ******************** DESPLEGABLE MARCAS REPRESENTADAS ************************** */

.fadeNext { display: block; }

.hidden-content-box { opacity:0; display:none; }

.marcas p { clear: both; width: 100%; }

a.fadeNext { padding: 0px; }

a:hover.fadeNext { color: #2e6f84; }


.bullet-martin {
display: inline-block;
font-size: 0px;
cursor: pointer;
margin: 15px 15px 15px 15px;
width: 24px;
height: 24px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
}

.bullet-martin:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 
box-sizing: content-box;
}

.bullet-martin:before {
font-size: 22px;
line-height: 24px;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}

.bullet-martin-desplegable:before { content: "+"; }


/* Efecto */
.bullet-martin-effect-1 .bullet-martin {
background: #78ba68;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}

.bullet-martin-effect-1 .bullet-martin:after {
	top: -3px;
	left: -3px;
	padding: 3px;
	box-shadow: 0 0 0 2px #78ba68;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.6);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.6);
	-ms-transform: scale(.6);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.6);
	opacity: 0;
}

/* Efecto Hover */
.bullet-martin-effect-1a .bullet-martin:hover {
	background: #78ba68;
	color: #fff;
}

.bullet-martin-effect-1a .bullet-martin:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}


.separador-marcas {
width: 90%;;
border-bottom: 1px dashed #333;
margin: 70px auto;
}



.la-puta-madre { 
position: relative;
width: 100%;
min-height: 450px;
height: auto;
display: block;
margin: 10px 0px 20px;
}


.la-puta-madre img { 
position: relative;
float: left;
width: 25%;
max-width: 320px;
display: inline;
margin: 30px 5% 0 0;
}

.la-puta-madre ul.conchuda { 
position: relative;
float: right;
width: 70%;
max-width: 900px;
display: inline;
}



.la-puta-madre a, .la-puta-madre a:visited {
width: 350px; /* necesito que no sea menor a este valor */
width: 50%;
height: auto;
margin-top: 50px;
margin-bottom: 50px;
margin-left: 25%;
padding: 10px 20px;
font-size: 18px; 
font-weight: bold; 
color: #fff; 
cursor: pointer;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
background-color: #4495af;  
-webkit-appearance: none;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
display: inline-block;
-webkit-box-shadow: 0 4px 0px #397e94;  
-moz-box-shadow: 0 4px 0px #397e94;    
box-shadow: 0px 4px 0px #397e94;
text-align: center;
}

.la-puta-madre a:hover {
color: #fff; 
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
background-color: #1e6379;
-webkit-box-shadow: 0 4px 0px #397e94;  
-moz-box-shadow: 0 4px 0px #397e94;    
box-shadow: 0px 4px 0px #397e94;
}


h2.marca-titulo {
width: 100%;
margin: 60px auto 30px;
padding: 20px 3%;
background: #78ba68;
color: #fff;
}

h2.marca-autodesk {
background: #78ba68 url(images/marcas-representadas/autodesk-logo.png) 98% 50% no-repeat;
background-size: 50px;
}

h2.marca-conceptdraw {
background: #78ba68 url(images/marcas-representadas/conceptdraw-logo.png) 98% 50% no-repeat;
background-size: 50px;
}

h2.marca-qlikview {
background: #78ba68 url(images/marcas-representadas/qlikview-logo.png) 98% 50% no-repeat;
background-size: 50px;
}

.marcas {
margin: 0px auto;
width: 94%;
padding: 0px 3%;
}


.formulario-cotizar { margin: 30px 0px; }


.formulario-cotizar .wpcf7-submit {
margin-left: -30px;
margin-top: 0px;
}



select {
height: 40px;
width: 96%; /* acá está el problema!!!! */
padding: 10px 2%; 
margin: 0px 0% 0px 2%;
color: #333;
border: 1px #D9D9D9 solid;
background: #F5F5F5;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
-webkit-appearance: none;
outline: none;
}


/* ******************** MODAL SOLUCIONES INFORMATICAS ******************* */


.modalDialog {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255,255,255,0.6);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
/*pointer-events: none;*/
display: none;
}


.modalDialog:target {
opacity:1;
/* pointer-events: auto; */
display: block;
}


.modalDialog > div {
width: 280px;
position: relative;
margin: 10% auto;
padding: 0px 20px 20px;
background: #78ba68;
}

.modalDialog > div.afip {
width: 280px;
position: relative;
margin: 10% auto;
padding: 40px 20px 20px;
background: #00abed;
}

.close {
font-family: sans-serif;
color: #fff !important;
position: absolute;
right: 8px;
top: 15px;
width: 24px;
text-decoration: none;
font-weight: bold;
}

.close-afip {
font-family: sans-serif;
font-size: 20px;
color: #fff;
position: absolute;
right: 8px;
top: 15px;
width: 24px;
text-decoration: none;
font-weight: bold;
}

a.close-afip, a:visited.close-afip { color: #fff !important; }

a.close-afip, a:visited.close-afip, a:hover.close-afip { color: #fff !important; }


ul.sub-menu-modal li { padding: 0px; margin: 0px; }

.sub-menu-modal a, .sub-menu-modal a:visited { color: white; }

.sub-menu-modal a:hover { text-decoration: underline; }



/* ********************* SOLUCIONES NSBS **************** */


.diagrama-soluciones {
display: block;
width: 100%;
position: relative;
height: 650px;
}

.circulo {
position: relative;
width: 200px;
height: 200px;
border-radius: 400px;
display: block;
z-index: 1;
}


.circulo-1 {
position: absolute;
top: 270px; 
left: 200px;
}

.circulo-2 {
position: absolute;
top: 270px; 
left: 500px;
}

.circulo-3 {
position: absolute;
top: 270px; 
right: 200px;
}



.circulo-1:hover {
background-color: #333;
}

.circulo-2:hover {
background-color: #333;
}

.circulo-3:hover {
background-color: #333;
}


.linea-azul-1 {
position: absolute;
height: 250px;
width: 2px;
top: 80px;
left: 300px;
display: block;
z-index: 0;
background-color: #4596b0;
-webkit-animation: fadeIn 2s ease-in;
-moz-animation: fadeIn 2s ease-in;
-o-animation: fadeIn 2s ease-in;
animation: fadeIn 2s ease-in;
}


.linea-azul-2 {
position: absolute;
height: 250px;
width: 2px;
top: 150px;
left: 400px;
display: block;
z-index: 0;
background-color: #4596b0;
transform: rotate(35deg);
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
-webkit-animation: fadeIn 2s ease-in;
-moz-animation: fadeIn 2s ease-in;
-o-animation: fadeIn 2s ease-in;
animation: fadeIn 2s ease-in;
}


.linea-azul-3 {
position: absolute;
height: 350px;
width: 2px;
top: 10px;
left: 200px;
display: block;
z-index: 0;
background-color: #4596b0;
transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-webkit-animation: fadeIn 2s ease-in;
-moz-animation: fadeIn 2s ease-in;
-o-animation: fadeIn 2s ease-in;
animation: fadeIn 2s ease-in;
}


.linea-azul-4 {
position: absolute;
height: 250px;
width: 2px;
top: 200px;
left: 200px;
display: block;
z-index: 0;
background-color: #4596b0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-animation: fadeIn 2s ease-in;
-moz-animation: fadeIn 2s ease-in;
-o-animation: fadeIn 2s ease-in;
animation: fadeIn 2s ease-in;
}


.linea-verde {
position: absolute;
height: 200px;
width: 2px;
top: 380px;
left: 650px;
display: block;
z-index: 0;
background-color: #79bc69;
transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-webkit-animation: fadeIn 2s ease-in;
-moz-animation: fadeIn 2s ease-in;
-o-animation: fadeIn 2s ease-in;
animation: fadeIn 2s ease-in;
}


.linea-tomato {
position: absolute;
height: 180px;
width: 2px;
top: 150px;
right: 200px;
display: block;
z-index: 0;
background-color: #cdcdcd;
transform: rotate(35deg);
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
-webkit-animation: fadeIn 2s ease-in;
-moz-animation: fadeIn 2s ease-in;
-o-animation: fadeIn 2s ease-in;
animation: fadeIn 2s ease-in;
}


a.link-circulo, a:visited.link-circulo {
display: inline-block;
color: white;
text-align: center;
padding-top: 70px;
}


.azul { background-color: #4596b0; border-bottom: 3px solid #fff; }

.verde { background-color: #79bc69; border-bottom: 3px solid #fff;}

.tomato {background-color: #cdcdcd; border-bottom: 3px solid #fff;}

.content ul.soluciones {
position: relative;
max-width: 1280px;
width: 100%;
height: auto;
margin: 50px 0px 50px;
padding: 0px;
border-left: none;
font-size: 12px;
display: block;
}


.content ul.soluciones li {
position: relative;
color: #fff;
margin: 10px 0px;
padding: 10px;
display: inline-block;
z-index: 1;
}


.content ul.soluciones li.li-1 {
position: absolute;
top: 0px;
left: 0px;
}

.content ul.soluciones li.li-2 {
position: absolute;
top: 60px;
left: 280px;
}

.content ul.soluciones li.li-3 {
position: absolute;
top: 150px;
left: 370px;
}

.content ul.soluciones li.li-4 {
position: absolute;
top: 190px;
left: 50px;
}


.content ul.soluciones li.li-5 {
position: absolute;
top: 550px;
right: 80px;
}

.content ul.soluciones li.li-6 {
position: absolute;
top: 130px;
right: 0px;
}


.content ul.soluciones li:before { /* Esto es un reset que tuve que hacer */ 
content: ""; 
margin: 0px; 
padding: 0px;
font-size: 0px;
line-height:0px;
vertical-align: middle;
}




.animated {
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1.5s;
-moz-animation-duration:1.5s;
-ms-animation-duration:1.5s;
-o-animation-duration:1.5s;
animation-duration:1.5s;
}




@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-20px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(30px);
	}
	
	80% {
		-o-transform: translateY(-20px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-20px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}



/* ******************** CONTENT ********************** */ 

.content {
position: relative;
max-width: 1280px;
width: 100%;
margin: 130px auto 50px;
font-size: 1.25em; /* 20px */
-webkit-animation: fadeIn 2s ease-in;
-moz-animation: fadeIn 2s ease-in;
-o-animation: fadeIn 2s ease-in;
animation: fadeIn 2s ease-in;
}


@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}


@-moz-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}


@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}


.content ul {
position: relative;
max-width: 600px;
width: 100%;
margin: 30px auto 50px;
padding: 0px;
border-left: 2px solid #78ba68;
list-style: none;
font-size: 18px; 
/* background: #f9f9f9; */
}


.content ul li {
margin-left: -12px;
margin-bottom: -20px;
padding: 0px 40px 20px;
color: #000;
}

.content ul li:before {
content: ".";
font-family: Georgia;
color: #78ba68; 
font-size: 130px;
padding: 0px 10px 0px 0px;
margin-left: -46.5px;
margin-top: 0px;
line-height:10px;
vertical-align: 10%;
}

.content li:first-child {  }

.content li:last-child {  }


.content li.sub-li {
margin-left: 30px;
padding: 10px 20px;
list-style: none;
font-size: 16px;
color: #000;
}

.content ul li.sub-li:before {
content: ".";
font-family: Georgia;
font-size: 65px;
padding: 0px 0px 0px 0px;
margin-left: -5px;
line-height:10px;
vertical-align: 25%;
}


.Inversion-Angel-Imagen { max-width: 1280px; width: 100%; height: auto; border: 4px solid white; }


.marcas li.sub-li {
margin-left: 30px;
padding: 10px 20px;
list-style: none;
font-size: 16px;
}


img.logo-marca { 
width: 100%; 
max-width: 270px;
height: auto; 
display: block; 
margin: 0px 0px 30px; 
} 


img.logo-marca-producto { 
float: left; 
width: 100%; 
max-width: 240px;
height: auto; 
display: inline; 
margin: 100px 50px 30px 0px; 
} 


.box-container { 
position: relative; 
float: left; 
width: 40%; 
margin: 30px 5% 30px 5%; 
padding: 0px 5% 0px 5%; 
}


.caja-verde {
position: relative;
max-width: 360px;
width: 100%;
height: auto;
z-index: 1; 
background: #78b968;
}

.caja-verde img {
width: 100%; 
}

.caja-verde:hover {

}


.caja-verde:hover > .caja-link {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}


a.caja-link, a:visited.caja-link {
float: left;
position: relative;
max-width: 360px;
width: 100%;
height: auto;
padding: 20px 0px;
text-align: center;
opacity: 1;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translateY(-60px);
-moz-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px);
z-index: -1;
color: white;
font-size: 0.8em;
}


.caja-link-verde { background: #57864b; }

.caja-link-azul { background: #28748d; }

.caja-link:hover {
color: white;
background: #333;
}


/* **************** PÁGINA DE CONTACTO PARA MÓVILES ***************** */ 


.contacto-moviles {
display: inline-block;
text-align: center;
width: 100%;
height: auto;
font-size: 20px;
padding: 20px 0px;
background: #78ba68;
border-bottom: 3px solid #57864b;
}


a.contacto-moviles, a:visited.contacto-moviles { color: #fff; }

a:hover.contacto-moviles { color: #57864b; }


/* ************************** CONTACT FORM 7 ************************** */ 

.wpcf7-form { 
float: none; 
position: relative;
max-width: 600px;
width: 100%;
margin: 0px auto;
}

input.wpcf7-text, textarea.wpcf7-textarea, input.wpcf7-file {
position: relative;
width: 96%; /* acá está el problema!!!! */
padding: 10px 2%; 
margin: 0px 0% 0px 2%;
color: #333;
border: 1px #D9D9D9 solid;
background: #F5F5F5;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
-webkit-appearance: none;
}


textarea.wpcf7-textarea { height: 85px; }

textarea.wpcf7-textarea:focus {	
height: 200px; 
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}

input.wpcf7-text:focus, textarea:focus { 
background-color: #fff;
-webkit-box-shadow: 0 2px 0px #d9d9d9;  
-moz-box-shadow: 0 2px 0px #d9d9d9;    
box-shadow: 0px 2px 0px #d9d9d9;
}

.formulario-asociado { margin: 30px auto 40px; }


.formulario-asociado textarea { height: 200px; }

.wpcf7-submit {
width: auto;
height: auto;
margin-top: 0px;
margin-left: 10px;
padding: 5px 10px;
font-size: 16px; 
font-weight: bold; 
color: #fff; 
cursor: pointer;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
background-color: #78ba68; 
border: solid 1px #619654; 
-webkit-appearance: none;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-box-shadow: 0 2px 0px #619654;  
-moz-box-shadow: 0 2px 0px #619654;    
box-shadow: 0px 2px 0px #619654;
}

.wpcf7-submit:hover {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
/*
-webkit-border-radius: 30px; 
-moz-border-radius: 30px; 
border-radius: 30px;
*/
}

div.wpcf7-mail-sent-ok {
position: relative;
top: 10px !important;
left: 0px !important;
color: #fff !important;
background: #78ba68;
font-size: 12px;
border: 1px solid #78ba68 !important;
display: inline-block !important;
}

div.wpcf7-validation-errors {
position: relative;
top: 10px !important;
left: 0px !important;
color: #fff !important;
background: #D02F2F;
font-size: 12px;
border: 1px solid #D02F2F !important;
display: inline-block !important;
}

/* oculto mensajes de error */
span.wpcf7-not-valid-tip {
background: none !important;
border: none !important;
text-indent:-9999px !important;
}

div.wpcf7 img.ajax-loader { margin: 15px 20px !important; width: 0px !important; height: 0px !important; }



/* ******************* INDEX y SINGLE *************** */


.content-post {
position: relative;
float: left;
margin: 130px auto 50px;
font-size: 1.25em; /* 20px */
width: 70%; 
padding: 30px 3% 0px 3%;
background: #fff;
box-shadow: 5px 5px 0px #ccc;
}

.post {
position: relative;
float: left; 
width: 100%;
margin-bottom: 20px;
}

.post img { max-width: 100%; height: auto; }

.post-title {
position: relative;
width: 100%;
float: left;
}

.entry-date {
color: #191919;
font-size: 16px;
padding: 0px;
text-transform: uppercase;
width: auto;
display: block;
}


.post-title h2 {
position: relative;
width: auto;
text-align: left;
font-weight: 700;
font-size: 23px;
text-transform: capitalize;
display: block;
margin-bottom: 10px;
}


.post-meta {
position: relative;
width: 100%;
float: left;
border-bottom: 1px solid #ccc;
font-size: 16px;
font-weight: 700;
padding: 20px 0px 20px 0px;
margin-bottom: 30px;
}


.post-meta ul li {
padding: 0px 0px;
list-style: none;
}


.author-link:before, .category-link:before, .comment-count-link:before {
content: "-";
font-family: Georgia;
color: #ccc; 
font-size: 30px;
padding: 0px 10px 0px 0px;
line-height:10px;
margin-left: 0px;
}



.post ul li {
margin-left: 5%;
padding: 0px;
font-size: 16px;
}


.post ol li {
margin-left: 5%;
padding: 0px;
font-size: 16px;
}


.index-navigation {
position: relative;
float: left;
width: 100%;
height: auto;
margin: 30px 0px;
font-size: 14px;
}


.index-navigation ul, .index-navigation li {
margin: 0px;
padding: 0px;
list-style: none;
}


/* ********** SIDEBAR ********** */

.sidebar {
position: relative;
float: right;
width: 20%; 
height: auto;
padding: 0px 10px 10px;
margin: 95px 0% 0px 0%;
}

.sidebar li {
list-style: none;
display: block;
}


.sidebar h2 {
float: left;
width: 100%;
font-size: 22px;
color: #191919;
margin: 30px 0px;
padding: 10px 5px 5px;
font-family: 'Quattrocento Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
text-align: center;
display: block;
border-bottom: 1px solid #191919; 
}



.sidebar a, .sidebar a:visited {
height: auto;
text-align: center;
font-size: 16px;
margin: 10px 0px;
padding: 0px;
text-align: center;
text-transform: capitalize;
text-decoration: none;
display: block;
}

.sidebar a:hover {
text-decoration: underline;
}

.sidebar-banner {
height: auto;
margin: 20px auto;
width: 100%;
max-width: 260px;
}

.widget { display: block; width: 100%;}

.social-links {
max-width: 240px;
width: 100%;
margin: 30px auto;
text-align: center;
}

a.sidebar-social, a:visited.sidebar-social {
display: inline;
margin: 10px 2px;
}
 



/* *************** Search Bar **************** */ 

.searchform { width: 100%; float: left; }


.searchform #s { 
float: left; 
width: 150px;
padding: 8px;
margin-right: 10px;
color: #a9adb0; 
font-size: 12px; 
background: #fff; 
display: inline; 
border: 1px solid #dae4eb;
-webkit-appearance: none;
}


.searchform #s:focus { 
border: 1px solid #333;
}


.searchform #searchsubmit {
float: left;
padding: 8px 5px 5px; 
font-size: 15px;
background: #333;
display: inline;
border: none;
color: #fff;
cursor: pointer;
-webkit-appearance: none;
}

.searchform #searchsubmit:hover { color: #fff; background-color: #222; }




/* *************** FOOTER ************** */


 /* 

.footer {
position:relative;
width: 100%;
height: 100px; 
color: white;
font-size: 1em;
clear: both;
background: #2f2f2f url('images/textura-footer.png') 0 0 repeat;
z-index:-20; 
text-align: center;
}

.footer .footer-box {
max-width: 1024px;
width:80%;
margin:0 auto;
position:fixed; 
left:0px;
right:0px;
bottom:0px;
height: 100px;
z-index:-15; 
padding: 30px 0px 5px;
}


.link-footer {
display: inline;
text-align: center;
padding: 10px;
}

*/



.footer {
position: relative;
width: 100%;
height: 65px; 
color: white;
font-size: 14px;
clear: both;
background: #3d4042 url('images/xtextura-footer.png') 0 0 repeat;
border-bottom: 5px solid #78ba68;
text-align: center;
}

.footer .footer-box {
max-width: 1024px;
width:80%;
margin:0 auto; 
left:0px;
right:0px;
bottom:0px;
height: 65px;
padding: 20px 0px 5px;
}


.link-footer {
display: inline;
text-align: center;
padding: 10px;
height: 34px;
}


.footer a, .footer a:visited { color: #78b968; text-decoration: none; }

.footer a:hover { color: #fff; text-decoration: none; }



/********* WORDPRESS ALIGNING *********/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
    float:left;
    margin: 0 10px 0 10px;
}

.alignright {
   float: right;
   margin: 0 0 1em 1em;
}

.alignnone { float: none; margin: 0px; padding: 0px; display: inline; clear: none; }



/* ********************* Custom Styles for WP Editor ****************** */


.left-column {
position: relative;
float: left;
max-width: 260px;
width: 50%;
display: inline;
}

.left-column img {
display: block;
width: 100%;
max-width: 260px;
height: auto;
padding-bottom: 10px;
border-bottom: 4px solid #ffe81f;
}

.right-column {
position: relative;
float: right;
width: 80%;
display: inline;
}


.lista-empleos h2 {
width: 93%;
margin: 50px auto 10px;
padding: 10px 3%;
background-color: #78ba68;
color: #fff;
display: block;
}

.notification-full-size {
float: left;
width: 100%;
height: 25px;
}

img.notificacion-empleos {
margin-top: 35px; 
margin-right: 2.5%;
width: 25px;
height: 25px;
}

img.notificacion-empleos-first { margin-top: 5px; } /* debe estar debajo de notification-empleos */ 



.lista-empleos p {
width: 90%;
margin: 30px auto 30px;
padding: 0px;
}


.lista-empleos a.link-postularme, .lista-empleos a:visited.link-postularme {
position: relative;
width: auto;
height: auto;
margin-left: 5%;
margin-bottom: 10px;
padding: 10px 20px;
font-size: 18px; 
font-weight: bold; 
color: #fff; 
cursor: pointer;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
background-color: #4495af;  
-webkit-appearance: none;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
display: inline-block;
-webkit-box-shadow: 0 4px 0px #397e94;  
-moz-box-shadow: 0 4px 0px #397e94;    
box-shadow: 0px 4px 0px #397e94;
}

.lista-empleos a:hover.link-postularme {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
background-color: #1e6379;
-webkit-box-shadow: 0 4px 0px #397e94;  
-moz-box-shadow: 0 4px 0px #397e94;    
box-shadow: 0px 4px 0px #397e94;
}


.lista-empleos ul {
position: relative;
max-width: 800px;
width: 90%;
margin: 30px auto 50px;
padding: 0px;
border-left: 2px solid #78ba68;
list-style: none;
font-size: 18px; 
}


.lista-empleos ul li {
margin-left: -12px;
margin-bottom: -20px;
padding: 0px 40px 20px;
color: #000;
}

.lista-empleos ul li:before {
content: ".";
font-family: Georgia;
color: #78ba68; 
font-size: 130px;
padding: 0px 10px 0px 0px;
margin-left: -46.5px;
margin-top: 0px;
line-height:10px;
vertical-align: 10%;
}


.p-empresa-familiar {
width: 94%;
margin: 80px auto 10px;
padding: 20px 3% 20px 3%;
background-color: #2a2a2a;
color: #fff;
display: block;
font-size: 24px;
box-shadow: 3px 3px 0px 0px #191919;
}

span.empresa-familiar-resaltado {
color: #4495af;
}


.link-empresa-familiar {
float: right;
margin-right: 0px;
padding: 5px 20px;
background: #191919;
}

.p-nsbs-nube {
width: 94%;
margin: 80px auto 40px;
padding: 20px 3% 100px 3%;
background-color: #2a2a2a;
color: #fff;
display: block;
font-size: 18px;
box-shadow: 3px 3px 0px 0px #191919;
}

.nube-left {
width: 70%;
float: left;
margin-top: 20px;
}

.nube-right {
width: 25%;
float: right;
margin-top: 20px;
}


.p-nsbs-nube div.wpcf7 img.ajax-loader { display: none; }



.about-page-footer-text {
font-family: 'Josefin Sans', sans-serif;
font-weight: 700;
font-size: 24px;
color: #1d1d1d;
width: 100%;
}

.about-page-footer-text-border {
color: #ffe81f;
display: inline;
width: 100%;
height: 3px;
margin-top: -50px;
background-color: #ffe81f;
}





/* ********************************************************************************* */



/* ************ Media Queries ************* */


@media screen and (max-width: 1280px) {

.home-footer { min-width: 25%; height: 280px; }

.diagrama-soluciones { height: 1100px; }

.circulo-1 { top: 270px; left: 40%; }

.circulo-2 { top: 700px; left: 20%; }

.circulo-3 { top: 700px; right: 20%; }

.linea-azul-1 { top: 80px; left: 51%; }

.linea-azul-2 { top: 150px; left: 60%; }

.linea-azul-3 { top: 10px; left: 40%; }

.linea-azul-4 { top: 200px; left: 40%; }

.linea-verde { top: 810px; left: 350px; }

.linea-tomato { top: 580px; right: 200px; }


.content ul.soluciones li.li-1 { top: 0px; left: 20%; }

.content ul.soluciones li.li-2 { top: 60px; left: 45%; }

.content ul.soluciones li.li-3 { top: 150px; left: 63%; }

.content ul.soluciones li.li-4 { top: 190px; left: 23%; }

.content ul.soluciones li.li-5 { top: 980px; right: 20%; }

.content ul.soluciones li.li-6 { top: 560px; right: 5%; }


}







@media screen and (max-width: 1152px) {

.header-navigation a, .header-navigation a:visited { padding: 30px 10px; }

.home-footer-title { font-size: 28px; }

.home-footer-tagline { font-size: 22px; }

.home-footer-text { font-size: 15px; }


}



@media screen and (max-width: 1024px) {

#main { width: 100%; padding: 50px 0% 50px 0%; border: none; }

.header-navigation a, .header-navigation a:visited { font-size: 13px; padding: 30px 7px; }

.home-footer-title { font-size: 26px; }

.home-footer-tagline { font-size: 20px; }

.home-footer-text { font-size: 14px; }

}


@media screen and (max-width: 920px) {

.header-navigation a, .header-navigation a:visited { font-size: 12px; padding: 30px 5px; }

.Home-Footer-Menu { position: absolute; }

.home-footer { min-width: 50%; height: 200px; padding-bottom: 30px; }

.footer { height: 90px; }

}


@media screen and (max-width: 800px) {

#menu-menu-superior { display: none; height: auto; } 

.header-navigation { float: right; }

.header-navigation ul { margin-top: -20px; } 

.header-navigation li { text-align: right; margin: 8px 0px 20px 0px; display: block; } 

.header-navigation a, .header-navigation a:visited { padding: 10px 30px 10px 10px; }

nav a#pull { 
float: right; 
text-align: right;
display: block;  
width: auto;  
position: relative;
padding-bottom: 15px;   
}

nav a:hover#pull { background: none; }
 
nav a#pull:after {  
content:"";  
background: url('images/nav-icon.png') no-repeat;  
width: 30px;  
height: 30px;  
display: inline-block;  
position: absolute;  
right: 25px;  
top: 5px; 
}  

.menu-item-contacto-RWD a, .menu-item-contacto-RWD a:visited { color: #2dcc70; }

.SlideDown { display: none; }

.home-footer { height: 200px; }

.circulo-2 { left: 10%; }

.circulo-3 { right: 10%; }

.linea-verde { top: 810px; left: 250px; }

.linea-tomato { top: 580px; right: 150px; }

.content ul.soluciones li.li-5 { right: 5%; }

.content-post { width: 100%;  box-shadow: 0px 10px 0px #ccc; }

.sidebar { float: left; width: 100%; margin: 0px 0px 30px; }

}


@media screen and (max-width: 768px) {

blockquote { padding-left: 3%; }

.content { width: 90%; }

.content ul { width: 95%; }

.home-footer { height: 220px; }

.linea-azul-1 { left: 55%; }

.content ul.soluciones li.li-1 { left: 10%; }

.content ul.soluciones li.li-4 { left: 15%; }

.la-puta-madre img { 
float: none;
width: 100%;
max-width: 520px;
display: inline-block;
margin: 30px 5% 0 0;
}

.la-puta-madre ul.conchuda { 
position: relative;
float: right;
width: 90%;
display: inline-block;
}

.formulario-cotizar .wpcf7-submit { margin-left: 2%; }

.lista-empleos a.link-postularme, .lista-empleos a:visited.link-postularme {
margin-left: 3%;
}

.foto-abuelo { width: 100%; height: auto; margin-bottom: 30px; }


.p-empresa-familiar { font-size: 22px; }


.footer { height: 90px; }

}



@media screen and (max-width: 640px) {

.Home-Footer-Menu { top: 70%; }

.content { width: 95%; }

.modalDialog { background: #fff; }

.box-container { width: 90%; margin: 5px 5% 5px 5%; }

.diagrama-soluciones { height: 1300px; }

.circulo-1 { left: 33%; }

.circulo-2 { top: 580px; left: 33%; }

.circulo-3 { top: 1000px; left: 33%; }

.linea-azul-1 { left: 55%; }

.linea-azul-2 { left: 65%; }

.linea-azul-3 { left: 30%; }

.linea-azul-4 { left: 30%; }

.linea-verde { top: 700px; left: 70%; }

.linea-tomato { top: 1150px; left: 40%; }

.content ul.soluciones li.li-1 { left: 0%; }

.content ul.soluciones li.li-4 { left: 0%; }

.content ul.soluciones li.li-5 { top: 850px; left: 0%; }

.content ul.soluciones li.li-6 { top: 1290px; left: 0%; }

.p-empresa-familiar { font-size: 24px; }

/*.link-footer { font-size: 18px; }*/

}


@media screen and (max-width: 600px) {

.home-footer { min-width: 100%; }

}



@media screen and (max-width: 480px) {

.circulo-1 { left: 25%; }

.circulo-2 { left: 25%; }

.circulo-3 { left: 25%; }

.linea-azul-3 { left: 33%; }

.linea-azul-4 { left: 40%; }

.bullet-martin { margin-left: 0px; }

.nube-left { width: 60%; }

.nube-right { float: left; }

img.notificacion-empleos { margin-right: 1%; }

.footer { height: 110px; }

}


@media screen and (max-width: 320px) {

h2.marca-titulo { padding-right: 60px; }

input.wpcf7-text, textarea.wpcf7-textarea { max-width: 320px; }

.circulo-1 { top: 200px; left: 12%; }

.circulo-2 { left: 12%; }

.circulo-3 { left: 12%; }

.linea-verde { left: 60%; transform: rotate(0deg); -webkit-transform: rotate(0deg); }

.linea-tomato { left: 40%; transform: rotate(0deg); -webkit-transform: rotate(0deg); }

.linea-azul-1 { top: 80px; left: 58%; }

.linea-azul-2 { top: 200px; left: 60%; transform: rotate(-20deg); -webkit-transform: rotate(-20deg);}

.linea-azul-3 { top: 10px; left: 40%; transform: rotate(-25deg); -webkit-transform: rotate(-25deg);}

.linea-azul-4 { top: 270px; left: 35%; transform: rotate(0deg); -webkit-transform: rotate(0deg);}


.content ul.soluciones li.li-1 { top: 0px; left: 0%; }

.content ul.soluciones li.li-2 { top: 60px; left: 45%; }

.content ul.soluciones li.li-3 { top: 400px; left: 63%; }

.content ul.soluciones li.li-4 { top: 480px; left: 0%; }

img.notificacion-empleos { margin-right: 1.5%; }


}


/* Orientation Media Queries */ 

@media screen and (max-width: 640px) and (orientation:landscape) {

#header { position: absolute; height: auto; }

}