body {
	background-color: #f3f3f3;
}
header {
	background-color: #fff;
	max-width: 70em !important;
	border-bottom: 0.8em solid #cccccc;
}
h1 {
	margin: 20px 0 15px;
}
h1 a {
	background-image: url("../img/logo_sirj_srl.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	display: block;
	height: 86px;
	overflow: hidden;
	text-indent: -1000px;
	width: 224px;
	margin: 0.3em 0 0.3em 0.5em;
}

h1 a.en-logo {
	background-image: url("../img/logo_sirj_srl_en.png");
}

.logo p {
	background-image: url("../img/logo_sirj_srl_footer.png");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	float: right;
	height: 2.8em;
	overflow: hidden;
	text-indent: -1000px;
	width: 9em;
}
header nav {
	margin: 1.5em 0 0.8em;
	background-color: #fff;
}

header nav.idioma {
	list-style: none;
	margin: 2em 0 0;
}



header .top-nav li a {
	color: #005e9c;
	padding: 0.8em 1em 0.5em;
	margin: 0 0.25em;
}

header .top-nav .active-item a {
	background-color: #fff;
	color: #5d5d5d;
	border-bottom: 3px solid #5d5d5d;
}
header .top-nav  a:hover {
	background-color: #fff;
	border-bottom: 3px solid #005e9c;
}

header nav.idioma .top-nav li{
	float: left;
	list-style: none outside none;
	cursor: pointer;
}

header nav.idioma .top-nav li a{
	border: 0;	
}

header .idioma .top-nav .active-item a {
	background-color: #fff;
	color: #5d5d5d;
	border-bottom: 2px solid #5d5d5d;
}

header .idioma .top-nav a{
	font-size: 0.8em;
	padding: 0.5em 1.8em 0.5em 3em;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	background-size: 2.5em auto !important;
	-moz-background-size: 2.5em auto !important;
	-webkit-background-size: 2.5em auto !important;	
}

header .idioma .top-nav a.es{
	background-image: url("../img/es.webp") !important;
}
header .idioma .top-nav a.en{
	background-image: url("../img/en.png") !important;
}

#slider {
	position: relative;
}
#slider .owl-theme .owl-controls {
	position: absolute;
	width: 60%;
	text-align: center;
	bottom: 0.5em;
}
#slider .owl-theme .owl-controls .owl-page span {
	background-color: #005e9c;
}
#slider .owl-theme .owl-controls .owl-buttons div {
	background-color: #005e9c;
	padding: 10px;
	text-indent: -1000px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 8px auto;
	-moz-background-size: 8px auto;
	-webkit-background-size: 8px auto;
	width: 28px;
	height: 28px;
}
#slider .owl-theme .owl-controls .owl-buttons .owl-prev {
	background-image: url("../img/prev.png");
}
#slider .owl-theme .owl-controls .owl-buttons .owl-next {
	background-image: url("../img/next.png");
}
.home #eslogan {
	background-image: url("../img/home.png");
}

.home #eslogan.en {
	background-image: url("../img/en_home.png");
}

.pah #eslogan {
	background-image: url("../img/pah.png");
}

.pah #eslogan.en {
	background-image: url("../img/en_pah.png");
}

.servicios #eslogan {
	background-image: url("../img/servicios.png");
}

.servicios #eslogan.en {
	background-image: url("../img/en_servicios.png");
}


#eslogan {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	height: 453px;
	position: absolute;
	right: 0;
	top: 0;
	width: 52.3%;
	overflow: hidden;
}


#eslogan p {
	text-indent: -1000px;
}

#main .display_none{
display:none;

}


h2 {
	color: #005e9c;
	border-bottom: 3px solid #005e9c;
	font-size: 1.4em;
	display: inline-block;
	padding: 0 0.5em 0 0;
}


#main article h2 a {
	color: #005e9c;
	border-bottom: 3px solid #005e9c;
	padding: 0 0.5em 0 0;
}
#main article h2 a:hover {
	color: #5d5d5d;
	border-bottom: 3px solid #5d5d5d;
}
.titulo-hide {
	display: none;
}
.icon-pah {
	background-image: url("../img/icon_pah.png") !important;
	background-position: left top !important;
	background-repeat: no-repeat !important;
	background-size: 85% auto !important;
	-moz-background-size: 85% auto !important;
	-webkit-background-size: 85% auto !important;
	margin: 0.2em 0 !important;
	padding: 1.3em 1.4em !important;
	width: 0;
	height: 0;
	overflow: hidden;
	text-indent: -1000px;
}
.active-item .icon-pah {
	background-image: url("../img/icon_pah2.png") !important;
}
.div-pah>span {
	background-image: url("../img/icon_pah.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 85% auto;
	-moz-background-size: 85% auto;
	-webkit-background-size: 85% auto;
	float: left;
	margin: 0.2em 0 0;
	padding: 1.2em 1.4em;
}
.descripcion p {
	font-size: 0.9em;
	margin: 1em 0;
}
.descripcion {
	margin: -1.25em 0 0;
}
.div-pah p {
	color: #005e9a;
}
.div-pah {
	padding: 0 0.625em 0 3em !important;
}
.nosotros {
	padding: 0 3em 0 0.625em !important;
	border-right: 1px solid #a9a9a9;
}

#main footer .box {
	background-color: #cccccc !important;
	margin: 0 0 -1.25em;
}
#main footer .box>div>div>span {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 75% auto;
	-moz-background-size: 75% auto;
	-webkit-background-size: 75% auto;
	float: left;
	margin: 0;
	padding: 1.2em 1.4em;
}
#main footer .box>div>div>div {
	display: inline-block;
}
.mail>div>span {
	background-image: url("../img/icon_mail.png");
}
.ubic>div>span {
	background-image: url("../img/icon_ubic.png");
}
.telf>div>span {
	background-image: url("../img/icon_tel.png");
}
#main footer p {
	font-size: 0.9em;
}
header .nav-text {
	color: #005e9c;
}
header .top-nav li a {
	background-color: #fff;
}
#slider .slider-serv img {
	width: 100%;
}
.aside-nav ul {
	background: #fff;
}
.aside-nav > ul > li > a:hover {
	background: #fff none repeat scroll 0 0;
	color: #005e9c;
}

/*SERVICIOS*/

.count-number {
	display:none;
}

#article-servicios ul>li>a {
	background-position: 2.5em center;
	background-repeat: no-repeat;
	background-size: 2.4em auto;
	-moz-background-size: 2.4em auto;
	-webkit-background-size: 2.4em auto;
	overflow: hidden;
	padding: 1.25em 1.25em 1.25em 5.7em;
}

#article-servicios ul>li>.icon-obra {
	background-image: url("../img/icon_obra.png");
}
#article-servicios ul>li>.icon-desarrollo {
	background-image: url("../img/icon_desarrollo.png");
}
#article-servicios ul>li>.icon-estudios {
	background-image: url("../img/icon_estudios.png");
}
#article-servicios ul>li>.icon-management {
	background-image: url("../img/icon_management.png");
}
#article-servicios ul>li>.icon-asesoramiento {
	background-image: url("../img/icon_asesoramiento.png");
}
#article-servicios ul>li>.icon-transporte {
	background-image: url("../img/icon_transporte.png");
}
#article-servicios ul>li>ul>li>a {
	background-color: #fff;
	background-image: url("../img/list_item.png");
	background-position: 4em center;
	background-size: 0.6em auto;
	-moz-background-size: 0.6em auto;
	-webkit-background-size: 0.6em auto;
	color: #005e9c;
	font-size: 0.8em;
	padding: 1em 1.25em 1em 5.7em;
}
.aside-nav li li a:hover::before ,
 .aside-nav li li.active-item a::before {
	content: "";
}



/*CLIENTES*/

#clientes article {
    padding: 2em 4em;
}

#clientes article>div.margin{
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	grid-gap: 0 0.625em;
}

#clientes article div>a>div{
/*para Firefox*/
-moz-border-radius: 10px;
/*para Safari y Chrome*/
-webkit-border-radius: 10px;
border-radius:10px;
background:#e9e9e9;
min-height: 165px;
}

#clientes article div>a>div img{
/*para Firefox*/
-moz-border-radius: 5px;
/*para Safari y Chrome*/
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
}


#clientes article div>a>div p{
font-size:0.8em;
text-align:center;
margin-top:0.7em;
font-style: italic;
}




/*PAH*/

#main .article-pah ul>li>a{
	color: #005e9c;
    background-image: url("../img/list_item.png");
	background-position: left center;
    background-size: 0.6em auto;
    background-repeat: no-repeat;
	
}

#main .article-pah ul>li>a:hover{
color: #5d5d5d;
    background-image: url("../img/list_item_gray.png");
}

.icon-back{
margin-top:50px;

}

.icon-back a{
    background-image: url("../img/icon_back.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 2.4em auto;
    overflow: hidden;
	padding: 0.6em 1.25em;
	display:inline-block;
	text-indent:-1000px;
	float:right;
}

.icon-back a:hover{
    background-image: url("../img/icon_back2.png");
}


/*RESE�A HISTORICA*/

.resena sup{
	margin:0 0 0 -4px;
}

.resena #slider .owl-theme .owl-controls{
	width:100%;
}


/*CONTACTO*/
.contacto article{
background:#f5f5f5;
}


.contacto .datos ul{
	list-style:none;
	padding:0;
	font-size: 0.95em;
}

.contacto .datos ul>li{
    margin: 1em 0;
    padding: 0.25em 0 0.25em 2.8em;
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 2em auto;

}

.contacto .datos ul>li>ul>li{
	margin: 0.5em 0;
	padding:0;
}

.datos .mail{
    background-image: url("../img/icon_mail.png");
}
.datos .ubic{
    background-image: url("../img/icon_ubic.png");
}
.datos .telf{
    background-image: url("../img/icon_tel.png");
}

#formulario span{
	display: block;
    font-size: 0.95em;
	width: 100%;
	margin:1em 0;
}


#formulario input{
    border: 1px solid #cccccc;
    font-size: 0.9em;
    padding: 0.4em;
    width: 77%;
}

#formulario textarea{
    border: 1px solid #cccccc;
    padding: 0.2em;
    resize: none;
    width: 77%;
}

#formulario div{
margin:1em 0;
width: 100%;

}

#formulario #btn{
    width: 77%;
	background:#005e9c;
	color:#fff;
}

#formulario #btn:hover{
	background:#666666;
}

.error{
color: red;
font-weight: bold;
}


#Confirmacion{
background:rgba(0, 0, 0, 0.7);
height: 50em;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}

#Confirmacion div{
background: none repeat scroll 0 0 #fff;
/*para Firefox*/
-moz-border-radius: 1em;
/*para Safari y Chrome*/
-webkit-border-radius: 1em;
/* para Opera */
border-radius: 1em;
height: 36%;
margin: 3% 0 0 22%;
padding: 7% 2% 2%;
width: 52%;
}

#Confirmacion div p{
color: #014867;
font-size: 1.3em;
text-align: center;
}

#Confirmacion div a{
background: none repeat scroll 0 0 #014867;
/*para Firefox*/
-moz-border-radius: 0.4em;
/*para Safari y Chrome*/
-webkit-border-radius: 0.4em;
/* para Opera */
border-radius: 0.4em;
display: inline-block;
font-size: 1.2em;
font-weight: bold;
margin: 9% 0 0;
padding: 1.3% 0;
text-align: center;
width: 100%;
color:#fff;
}


#Confirmacion div a:hover{
background:#666666;
}

/*RESPONSIVE*/

/*Reponsive Agregado*/
@media screen and (max-width:1050px){
	#clientes article div > a > div p {
		font-size: 0.7em;
	}

	#Confirmacion div{
		height: 30%;
	
	}
	
}

@media screen and (min-width:1015px){
	#clientes article div>a>div{
		min-height: 205px;
	}

	#formulario span{
		display: block;
		font-size: 0.95em;
		width: 100%;
		margin:1em 0;
	}	
}

@media screen and (max-width:910px){
	.titulo-hide{
		display:inline;
	}

	#article-servicios ul>li>a{
		font-size: 0.9em;

	}

	#article-servicios ul>li>ul>li>a{
		font-size: 0.7em;
	}
	
	#Confirmacion div p{
		font-size: 1em;
	}
	
	#Confirmacion div a{
		font-size: 1em;
	
	}
	
	#Confirmacion div{
		height: 12em;
	
	}
}

/*Responsive TABLET*/

@media (max-width: 768px) {
	h1 a{
		height: 80px;
		width: 200px;
	}
	.titulo-hide{
		display:none;

	}

	header .top-nav li a {
		color:#005e9c;
		padding: 0.8em 1em 0.5em;
		margin:0 0.25em;
	}

	header .top-nav .active-item a {

	background-color:#999;
	color:#fff;
	border-bottom:none;
	}

	header .top-nav a:hover{
	background-color:#005e9c;
	color:#fff;
	border-bottom:3px solid #005e9c;
	}

	header .idioma .top-nav a:hover {
		border-bottom: 2px solid #005e9c;
		background-color: transparent;
		color:#005e9c;
	}

	.div-pah{
		padding: 1.25em 0.625em 1.25em !important;
		
	}

	.nosotros{
		padding: 0 0 0 0.625em !important;
		border-right:none;	

	}
	#main footer p{
		font-size: 0.7em;
	}

	#article-servicios ul>li>a{
	font-size: 1em;

	}
	#article-servicios ul>li>ul>li>a{
	font-size: 0.8em;
	}

	#clientes article>div.margin{

		grid-template-columns: 50% 50%;

	}

	#clientes article div>a>div img{
	width: 60%;
	}

}

@media screen and (max-width: 650px){
	header nav.idioma{
		margin: 0;

	}

	header .idioma .top-nav a{
		overflow: hidden;
		text-indent: -1000px;
		padding: 0 1.5em;
		margin-top: 0.5em;
	}
	header .idioma .top-nav .active-item a{
		background-color: #dfdfdf;
		color: #5d5d5d;
		border-bottom: none;
		border-radius: 100%;
		height: 3.9em;
		background-position: center !important;
		display: block;
		padding: 0 2em;
	}
}


/*Responsive CELULAR*/


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

	#clientes article div > a > div img {
		width: 100%;
	}

}

@media screen and (max-width:480px) {
	h1{
		margin: 0.5em 0 0;
	}

	h1 a{
		height: 70px;
		margin: 0 auto;
		width: 150px;
	}

	.telf{
	margin:0 0 1em;

	}

	header nav{
	margin:0;
	}
	
	#slider .owl-theme .owl-controls .owl-page span{	
		height: 8px;
		width: 8px;
	}
	#clientes article>div.margin{

		grid-template-columns: 100%;

	}	
}