/*EMBAJADA PERUANA DE CICLISMO - DESARROLLADO POR OZ MEDIA - WWW.OZMEDIA.COM.PE */

body {
	font-family: 'PT Sans', sans-serif;
	-webkit-animation: bugfix infinite 1s; /*fix for android*/
}

@-webkit-keyframes bugfix { 
  from { padding: 0; } 
  to { padding: 0; } 
}

/* default checkbox */
/*input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}*/

textarea {resize:none;}

label { 
  cursor: pointer;
  user-select: none;
}
/*fix for android*/

.fuentes {
	font-family: 'Lato', sans-serif;
	font-family: 'PT Sans', sans-serif;
}

.clear {clear:both;}

p {font-family: 'PT Sans', sans-serif;}

h1, h2, h3, h4 {font-family: 'PT Sans', sans-serif;}

h5 {
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
}

strong {font-weight:700;} /*cambiar esto*/

em {font-style: italic;}

a {
	text-decoration:none;
	transition: 0.2s ease;
	-moz-transition:0.2s ease; /* Firefox 4 */
	-webkit-transition: 0.2s ease; /* Safari and Chrome */
	-o-transition: 0.2s ease; /* Opera */	
}

img.alignleft {
	float:left;	
	margin:0 20px 20px 0;
}
img.alignright {
	float:right;	
	margin:0 0 20px 20px;
}
img.aligncenter {
	display:block;
	margin:0 auto 20px auto;
}

/*empiezan las clases*/

#ie-warning {
	background:#4c4c4c;
	width:100%;
	height:auto;
	padding:5px 10px;
	text-align:center;
	font-size:14px;
	color:#FFF;	
}

.extra-padd {
	padding-left: 85px;
	padding-right: 85px;
}

@media (max-width: 768px){
	.extra-padd {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* header */

.cabecera {
	border-top: solid 4px #289ecd;
	width: 100%;
	margin: 0px; padding: 0px;
}

.first-header {
	border-bottom: 1px solid #dddddd;
	width: 100%;
	background: #f6f6f6;
	margin: 0px;
	padding: 10px 0;
}

ul.top-menu {
	float: right;
	list-style-type: none;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #999999;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0px;
}

ul.top-menu li {
	display: inline-block;
	list-style-type: none;
	min-height: 20px;
	line-height: 20px;
	margin-left: 15px;
	padding: 0px;
}

ul.top-menu li.celular-top {
	background: url('../images/cel.png') 0px 0px no-repeat;
	padding-left: 25px;
}

ul.top-menu li.correo-top {
	background: url('../images/mail.png') 0px 5px no-repeat;
	padding-left: 35px;
}

@media (max-width: 640px){
	ul.top-menu {
		float: left;
		padding-left: 0;
		padding-right: 0;
	}

	ul.top-menu li {
		margin-left: 5px;
	}
}

.second-header {
	padding: 20px 0;
	margin: 0px;
	width: 100%;
	position: relative;
}

.fixed-header {
	padding: 20px 0;
	margin: 0px;
	width: 100%;
	position: fixed;
	z-index: 20;
	background:#FFF;
	border-bottom: 1px solid #dddddd;
	display: none;
	top: 0px;
}

img.logo {
	float: left;
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 0 0 15px;
}

@media (max-width: 640px){
	img.logo {
		margin: 0 auto 15px auto;
		float: none;
		text-align: center;
	}
}

/*MENU*/

.navegacion {
	float: right;
	margin: 0px;
	padding-right: 15px;
}


@media (max-width: 640px){
	.navegacion {
		float: left;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}

/*responsive menu*/

nav a#pull {  
    display: none;
    color:#FFF;
    font-weight: 700;
    padding: 10px 0;  
}

/*@media (max-width: 768px) {  
	
	ul.menu {
		display: none;
		text-align: left;
	}

	ul.menu li {
		width: 100%;
		padding: 15px;
		margin: 0px;
	}

	ul.submenu {
		background: #1e65c1;
		top:15px;
		left: 35%;
		width: 150px;
	}

    nav a#pull { 
    	font-size: 16px;
    	clear: both; 
        display: block;  
        width: 100%;  
        position: relative;  
    }  
    nav a#pull:after {  
        content:"";  
        background: url('../images/nav-icon.png') no-repeat;  
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 10px;  
    }
    
}  */      


ul.menu {
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
	float: right;
	list-style-type: none;
	padding:0px;
	margin: 0px;
}

ul.menu li {
	display: inline-block;
	list-style-type: none;
	padding-top: 25px;
	margin-left: 50px;
}

ul.menu li:first-child {
	margin-left: 0px;
}

ul.menu li a {
	color: #000;
	text-decoration: none;
}

ul.menu li a:hover {
	color: #289ecd;
}

#color-hover {
	color: #289ecd;
}
.color-hover {
	color: #289ecd;
}

@media (max-width: 640px){
	ul.menu {
		width: 100%;
		float: none;
		text-align: none;
		margin: 0px;
		padding: 0px;
		font-size: 15px;
	}

	ul.menu li {
		padding-top: 15px;
		margin-left: 10px;
		padding-left: 0px;
		padding-right: 0px;
	}
}

/*styling el placeholder*/
.buscador-productos ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #c5c8cc;
    font-size: 15px;
}
.buscador-productos :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #c5c8cc;
    font-size: 15px;
}
.buscador-productos ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #c5c8cc;
    font-size: 15px;
}
.buscador-productos :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #c5c8cc;
    font-size: 15px;
}
/*styling el placeholder*/



/* BANNER */

.banner {
	width: 100%;
	margin: 0 0 100px 0;
	padding: 0px;
}

.banner img {
	display: block;
	width: 100%;
	height: auto;
}

/*cuerpo*/

.empresa, .servicios {
	color: #575757;
	width: 100%;
	margin-bottom: 100px;
}

.empresa-box {
	position: relative;
	padding-top: 55px;
}

.empresa-descripcion {
	background: #f4f4f4;
	border: 1px solid #e0e0e0;
	padding: 44px 20px;
	text-align: center;
	min-height: 295px;
}

.empresa-descripcion h2 {
	color: #2c2c2c;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 45px 0;
	padding: 0px;
	text-transform: uppercase;
}

.empresa-descripcion p {
	font-size: 16px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}

.bola {
	background: #289ecd;
	border: 8px solid #FFF;
	border-radius: 100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	width: 84px;
	height: 84px;
	top: 0;
	left: 50%;
	margin-left: -42px;
	position: absolute;
	z-index: 10;
}

.somos-icon {
	background-image: url('../images/nosotros-icon.png');
	background-position: center center;
	background-repeat: no-repeat;
}
.servicios-icon {
	background-image: url('../images/servicios-icon.png');
	background-position: center 5px;
	background-repeat: no-repeat;
}
.como-icon {
	background-image: url('../images/como-icon.png');
	background-position: center 8px;
	background-repeat: no-repeat;
}

/*servicios*/

.servicios-title {
	width: 210px;
	border-top: 6px solid #7ec5e1;
	border-bottom: 6px solid #7ec5e1;
	padding: 15px 0;
	margin: 0 auto 60px auto;
	color: #2c2c2c;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.serv-box {
	text-align: center;
	margin: 0 auto;
	display: block;
	float: none;
}

.serv-box img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 0 15px 0;
}

.serv-box h2 {
	color: #2c2c2c;
	font-size: 16px;
	font-weight: 700;
	margin: 0px;
	padding: 0 0 30px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #efefef;
}

.serv-box h2 a {
	color: #2c2c2c;
	text-transform: none;
}

.serv-box h2 a:hover {
	color: #289ecd;
}

/* contacto box */

.triangulo {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #67b0fc;
	position: absolute;
	top: -1px;
	z-index: 10;
	left: 50%;
	margin-left: -20px;
}

.contacto-seccion {
	background: #fafafa;
	border-top: 1px solid #e9e9e9;
	color: #575757;
}

.contacto-cuerpo {
	padding: 40px 0 70px 0;
	position: relative;
	text-align: center;
}

.contacto-cuerpo h2 {
	color: #2c2c2c;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 30px 0;
}

.contacto-cuerpo p {
	margin: 0 0 40px 0;
	font-size: 16px;
}

.contacto-cuerpo ul {
	text-align: center;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.contacto-cuerpo ul li {
	display: inline-block;
	list-style-type: none;
	margin: 0 110px 0 0;
	padding: 0px;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
}

.contacto-cuerpo ul li:last-child {
	margin-right: 0px;
}

.contacto-cuerpo ul li.footer-cel {
	background: url('../images/cel-footer.png') 0px center no-repeat;
	padding-left: 30px;
}


.contacto-cuerpo ul li.footer-mail {
	background: url('../images/mail-footer.png') 0px center no-repeat;
	padding-left: 40px;
}

@media (max-width: 640px){
	.contacto-cuerpo ul li {
		margin-right: 25px;
		margin-bottom: 15px;
	}
}

/*FOOTER*/

.pie {
	background: #289ecd;
	margin: 0px;
	text-align: center;
	color: #FFF;
	width: 100%;
	padding: 28px 0;
	font-size: 14px;
}



/*back to top div*/
a.back-to-top {
	background: url('../images/back-top.png') center 4px no-repeat #c53c3c;
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #FFF;
    font-size: 12px;
    padding: 20px 10px 5px 10px;
    display: none;
    z-index: 50;
}


a.back-to-top:hover { 
	color:#FFF;   
    background-color:#af3838;
	text-decoration:underline;
}