@charset "utf-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Antic Slab', serif;
	background-image: url(http://www.unicist.org/404.php);
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{
	text-decoration:none;
	color:#000;	
}







img{
	display:block;	
}


/* ESTILOS DE TEXTO */

.negrita{
	font-weight:bold;	
}

#centricitybanner {
	padding-left: 2%; 
	float: left; 
	position: relative; 
	margin-bottom: 0; 
	padding-bottom: 0; 
	padding-top:4.5em;
}
	
#contenedor-producto{
	width:100%;
	height:auto;
}

#contenido-producto{
	max-width:1000px;
	margin:auto;
	
}


#menu-top-producto{
	position:fixed;
	top:0px;
	width:100%;
	height:89px;
	/*background-image:url(../images/unicist-segmentation-w.png);*/
	background-color:#FFFFFF;
	/*-webkit-box-shadow: 0 4px 10px 1px #4F4F4F;
	box-shadow: 0 4px 10px 1px #4F4F4F;*/
	border-bottom: 1px solid #e3e3e3;
	z-index: 100;
	
}

#site-title{
	width:300px;  
	float:left; 
	height:89px;
	padding-top:20px;
	padding-left:20px;
}

#site-title h1{
	font-size:1.6em;
	font-weight:bold;
	color:#305999;
}



#banner-producto{
	width:100%;
	padding-top:270px;
	height:400px;
	background-image:url(../images/header-product/world-map-segmentation.jpg);
	background-size:cover;
	overflow:hidden;
	margin-top: 89px;
}

#new-header-bloque-1{
	width:50%;
	float:left;
	text-align:center;
}

#ourname{ padding-top: 0em;
	width: 18em; }


#new-header-bloque-1 h2{
	color: #FFF;
    font-size: 1.1em;
    font-family: 'Satisfy', cursive;
    margin-top: 64px;
}

#new-header-bloque-1 h1{
	font-family:Verdana, sans-serif;
	color: #305999;
	font-size:1.8em;
	text-shadow: 1px 1px 1px #3E4559;

	margin-top: 8px;
}

.header-sub-titulo{
	font-family:Verdana, sans-serif;
	color:#000;
	font-size:1.8em;
	margin-top: 3px;

}

.header-titulo-extra{
	color:#fff;
	font-size:1.8em;
	margin-top: 3px;
}

#sector-1{
	width:25%;
	float:left;
	height:250px;


	text-align:center;
	vertical-align:central;
	padding-top:3%;
		display:inline;
	margin-top: -95px;
}

#sector-2{
	width:25%;
	float:right;
	height:250px;

	text-align:center;
	padding-top:3%;
	display:inline;
    margin-top: -95px;
}

#new-header-footer{
	width:80%;
	margin:auto;	
	
	text-align:center;
	display:none;
}

#new-header-footer-col-1{
	width:50%;
	float:left;
}

#new-header-footer-col-2{
	width:50%;
	float:left;
}

#banner-producto img{
	max-width:100%;
	height:auto;
}

#footer-producto{
	width:100%;
	height:50px;
	
}



/* SECTIONS */

.title-section{
	text-align:center;
	font-size:2.2em;
	color:#305999;
	font-weight:bold;
	margin-bottom:40px;
	
}

.section-spacer{
	width:100%;
	height:80px;
	padding-top:30px;
	
}

.section-type-1{
	
}

.img-section-type-1{
	float:right;
	max-width:500px;
	height:auto;
	margin-left:40px;
}

.book-section-type-1{
	float:right;
	max-width:500px;
	height:auto;
	margin-left:40px;
	text-align:center;
}

.book-section-type-1 a{
	color:#000000;
}



.text-section-type-1{
	font-size: 1.7em;
    line-height: 40px;
	
}


.section-type-2{
	
}

.img-section-type-2{
	float:left;
	max-width:500px;
	height:auto;
	margin-right:40px;
}

.book-section-type-2{
	float:left;
	max-width:500px;
	height:auto;
	margin-right:40px;
	text-align:center;
}

.book-section-type-2 a{
	color:#000000;
}

.text-section-type-2{
	font-size: 1.7em;
    line-height: 40px;
}

#experience{
	
	margin-top:50px;	
}

#experience p{
	font-size: 1.7em;
    line-height: 40px;
}

#experience img{
	max-width:660px;
	height:auto;
	margin:auto;
	margin-top:30px;	
}


/* FORMULARIO */

#contact-form{
	width:80%;
	margin:auto;	
	
}

#contact-form input[type="text"], input[type="password"], input[type="email"], input[type="tel"]{
	
	
	width:100%;
	height:30px;
	margin-bottom:10px;
	font-family: 'Muli', sans-serif;	
	font-size:1em;
	padding-left:10px;
	border:#797878 solid 1px;
	
}

#contact-form select{
	width:101.4%;
	height:30px;
	margin-bottom:10px;
	font-family: 'Muli', sans-serif;	
	font-size:1em;
	padding-left:7px;
	border:#797878 solid 1px;
	color:#B6A9A9;
}

#contact-form textarea{
	width:100%;
	height:288px;
	margin-bottom:20px;
	font-family: 'Muli', sans-serif;
	font-size:1em;
	padding-left:10px;
	border:#797878 solid 1px;
}

#contact-form input[type="text"]:focus, input[type="pass"]:focus, input[type="submit"]:focus{
	-webkit-box-shadow: 1px 1px 10px 0.3px #F1881D;
	box-shadow: 1px 1px 10px 0.3px #F1881D;
}


/* FOOTER */


#markets-countries{
	width:960px;
	margin:auto;
	margin-top:40px;	
}

#markets{
	
	width:47%;
	float:left;
	margin-left:6%;
	
}

#countries{
	width:47%;
	float:left;
	
}

#markets h3{
	border-bottom:#4384C4 solid 4px;
}

#markets p{
	font-size:.8em;	
	line-height:15px;
}

#countries h3{
	border-bottom:#4384C4 solid 4px;
}

#countries p{
	font-size:.8em;	
	line-height:15px;
}


#footer{
	width:100%;
	background-color:#fff;	
	font-size:.8em;
	margin-top:40px;
}

#contenedor-footer{
	padding-left:20px;
	padding-right:20px;	
	width: 960px;
    margin: auto;
}

#contenedor-footer p, li, h2{
	margin-top:7px;	
}

#contenedor-footer a:hover{
	color:#999;
}

#footer-col-1{
	width:300px;
	float:left;

	border-top:#293352 solid 4px;
	padding-top:10px;
	
}

#footer-col-2{
	width:300px;
	float:left;
	text-align: center;
	margin-left:30px;
	border-top:#293352 solid 4px;
	padding-top:10px;
}

#footer-social-links{
	text-align:center;	
	width:960px;
	margin:auto;
	margin-bottom:40px;
	margin-top:20px;
	border-top:#293352 solid 4px;
	padding-top:20px;
	
}

#footer-social-links h2{
	text-align:center
}

#footer-social-links-contenedor{
	width:138px;
	margin:auto;
}

#footer-social-links img{
	text-align:center;
	margin:auto;
}

#footer-social-links-col-1{
	width:40px;

	float:left;
}

#footer-social-links-col-2{
	width:40px;
	float:left;
	margin-left:5%;
}

#footer-social-links-col-3{
	width:40px;
	float:left;
	margin-left:5%;

}

#footer-col-3{
	width:300px;
	float:left;

	margin-left:30px;
	border-top:#293352 solid 4px;
	padding-top:10px;
}

.footer-texto-resaltado{
	font-weight:bold;	
}

#copy{
	width:100%;
	text-align:center;
	font-size:.8em;	
	margin-bottom:20px;
	padding-bottom:20px;
}

#translator{
	float:right;
	margin-top:20px;
}

#translator img{
	display:inline;
}



@media only screen and (max-width: 1600px) {
	
	#ourname{ padding-top: 4.5em; }
	
	#site-title{
		width:100%;	
		padding-top:20px;
		padding-left:20px;
		height: 150px;
	}
	
	#menu-top-producto{
		position:fixed;
		top:0px;
		width:100%;
		height:170px;
		background-color:#FFFFFF;
		border-bottom: 1px solid #e3e3e3;
		background-position: 0px 41px;
	}
	
	#banner-producto{
		width:100%;	
		padding-top:300px;
		height:300px;
		margin-top: 170px;
		background-position: center;		
	}	
}

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

	#centricitybanner{
		padding-top:1em;
	}


}


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

	
	#banner-producto{
		width:100%;
	
		padding-top:200px;
		height:300px;

		
		
	}
	
	#contenido-producto{
		max-width:900px;
		margin:auto;
		
	}
	
	
	
	.section-spacer{
		
		height:80px;
		padding-top:50px;
		
	}
	
	#menu-top-producto{
		position:fixed;
		top:0px;
		width:100%;
		height:170px;

		background-color:#FFFFFF;
		
		border-bottom: 1px solid #e3e3e3;
		background-position: 0px 41px;
	}
	
	#banner-producto{
	
		
	}
	
	
	
	#markets-countries{
		width:90%;	
		margin:auto;
	}
	
	#markets{
		
		width:100%;
		float:none;
		margin-top:20px;
		margin-left:0%
		
	}
	
	#countries{
		width:100%;
		float:none;
		;
		margin-top:20px;
	}
	
	
	
	#footer{
		width:100%;
		
	}
	
	#contenedor-footer{
		width:87%;
		margin:auto;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#footer-col-1{
		width:100%;
		float:none;
		margin:auto;
		border-top:#293352 solid 4px;
		padding-top:10px;
		
	}
	
	#footer-col-2{
		width:100%;;
		float:none;
	
		margin:auto;
		border-top:#293352 solid 4px;
		padding-top:10px;
		margin-top:20px;
	}
	
	#footer-col-3{
		width:100%;
		float:none;
	
		margin:auto;
		border-top:#293352 solid 4px;
		padding-top:10px;
		margin-top:20px;
	}
	
	#footer-social-links{
		text-align:center;	
		width:90%;
		margin:auto;
		margin-bottom:40px;
		margin-top:20px;
		border-top:#171613 solid 4px;
		padding-top:20px;
		
	}

	
}

@media only screen and (max-width: 900px) {
	
	#banner-producto{
		margin-bottom:0px;
	
	}
	
	#translator{
		float:none;
		margin-top:20px;
		text-align:center;
	}


	#new-header-bloque-1{
		width:100%;
		float:none;	
		height:170px;
	}
	
	#new-header-bloque-1 h2{
		
		margin-top: 34px;
	}
	
	.header-sub-titulo{
	
		

	}
	
	.header-titulo-extra{
	
	}

	#sector-1{
		display:none;
	}
	
	#sector-2{
		display:none;
	}
	
	#new-header-footer{
		width:80%;
		margin:auto;	
		background-color:#A82F31;
		display:inline;		
	}
}


@media only screen and (max-width: 700px) {
	
	
	#contenido-producto{
		max-width:640px;
		margin:auto;
		
	}

	
	#centricitybanner {
		padding-top: 0em;
		margin-top: -2em;
	}

	
	.title-section{
		font-size:1.5em;	
	}
	
	.section-type-1{
	
}

.img-section-type-1{
	float:right;
	max-width:100%;
	height:auto;
	margin:auto;
	padding:10px;
}

.text-section-type-1{
	font-size: 1.1em;
    line-height: 30px;
	
	padding:10px 30px 10px 10px;
}


.section-type-2{
	
}

.img-section-type-2{
	float:left;
	max-width:100%;
	height:auto;
	margin:auto;
	padding:10px;
}

.text-section-type-2{
	font-size: 1.1em;
    line-height: 30px;
	
	padding:10px 30px 10px 10px;
}

#experience p{
	width:90%;
	margin:auto;
	font-size: 1.1em;
    line-height: 30px;
}
	
#experience img{
	max-width:90%;
	height:auto;
	margin:auto;
	margin-top:30px;	
}

	#centricitybanner{
		padding-top:3em;
	}



}

@media only screen and (max-width: 500px) {
	
	#ourname{ padding-top: 1.5em;;
	width: 10em; }

		
	
	#new-header-footer-col-1 img{
		max-width:150px;
		height:auto;
	}
	
	#new-header-footer-col-2 img{
		max-width:150px;
		height:auto;	
	}
	
	.img-section-type-1{
		float:none;
		width:94%;
		height:auto;
		margin-left:0px;
	}
	
	.book-section-type-1{
		float:none;
		
		height:auto;
		margin-left:0px;
		text-align:center;
	}
	
	.book-section-type-1 img{
		float:none;
		width:60%;
		height:auto;
		margin:0px;
		margin:auto;
		
	}
	
	.img-section-type-2{
		float:none;
		width:94%;
		height:auto;
		margin-left:0px;
	}
	
	.book-section-type-2{
		float:none;
		
		height:auto;
		margin-left:0px;
		text-align:center;
	}
	
	.book-section-type-2 img{
		float:none;
		width:60%;
		height:auto;
		margin:0px;
		margin:auto;
		
	}
	
}


@media only screen and (orientation: landscape) and (max-height: 500px) {
#menu-top-producto{
	position:static;
}

	#banner-producto{
		margin-top: 0px;
	}	
	
	
}