﻿/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */



/*=======================================
    GENERAL STYLES
==================================================*/
body {
    font-family: 'Ruluko', sans-serif;
    font-size:14px;
}

#services{
	background-image:url(../../material/BACK_DIV.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	margin-left:-1%;
	margin-right:0%;
	padding-right:0%;
	}
	
#background_down{background-image:url(../../material/SUB_DIV.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	
	margin-bottom:-3.5% !important;
	padding-bottom:0% !important;
	}
	
#Iconos{
	display:block;
	clear:both;
	float:left;
	padding-bottom:10%;
	width:100%;}

#CuatroCajas{
	display:block;
	clear:both;
	float:left;
	padding-bottom:10%;
	width:100%;}
	
#CuatroBotones{
	display:block;
	clear:both;
	float:left;
	padding-bottom:10%;
	width:100%;}

#cajas{width:20.7%;
		display:block;
		clear:none;
		float:left;
		margin:2%}
	
#compensar{background-image:url(../../material/compensar.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	min-height:150px;
	
	}
	
#nueva{background-image:url(../../material/nuevaEPS.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	min-height:150px;

	
	}
	
#pescaderia{background-image:url(../../material/martinez.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	min-height:150px;

	
	}	
	
#ilans{background-image:url(../../material/ILANS.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	min-height:150px;

	
	}	
	
#andar{background-image:url(../../material/andar.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	min-height:150px;

	
	}	
	
#partenon{background-image:url(../../material/partenon.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	min-height:150px;
}	
#logoSolo{background-repeat:no-repeat;
	background-size:35%;
	background-image:url(../../material/LogoSolo.png)
	}

	
	
.col-md-4{
		min-height:180px;
	
	
	}
		
#logoGrande{
			margin:3% 0% 8% 0%;
			padding:10%;
			background-size:100%;
			background-position:center; 
			background-repeat:no-repeat;
			background-image:url(../../material/HeaderSC.jpg);
			min-height: 500px; 
	}

#home{
	margin-top:-20%;
	margin-bottom:-9%;}


.nav a {
    color:#ffffff !important;
}
.navbar-header a {
    color:#ffffff !important;
    padding-right:100px;
}


.text-center {
    text-align:center;
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Ruluko', sans-serif;
}

h1 {
    line-height:120px;
    text-transform:uppercase;
     color: #004189;
     font-size:50px ;
    font-weight:900!important;
}
h3 {
    line-height:30px;
    padding-bottom:20px;
}
h4 {
    line-height:40px;
    padding-bottom:40px;
}

p {
    font-weight:300;
    line-height:30px;
    padding-bottom:20px;
}

.space-pad {
    padding-bottom:50px;
}


.for-full-back {
     /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;
}

section {
    padding-top:30px;
    padding-bottom:40px;
}


/*=======================================
    COLOR CODES
==================================================*/
.color-white {
   background-color:#fff!important;
}

.color-light {
   background-color:#F8F8F8!important;
}
.color-blue {
    color: #004189;
}
/*=======================================
    HEADER STYLES
==================================================*/
#home {
    padding:20px 40px 130px 40px;
}
.head-main {
    font-size:120px !important;
    font-weight:900!important;
    color:#585858!important;
    padding:200px 20px 20px 20px;
}

/*=======================================
    NAVIGATION STYLES
==================================================*/


nav {
	position: absolute;
	width: 100%;
    background: #fff;
    z-index:99;
}
.fixed {
	position: fixed; 
	top: 0; 
	min-height: 50px; 
	z-index: 99;
}

.navbar-inverse {
	background-color: #061838;
	border-color: #061838;
}

/*=======================================
    ABOUT STYLES
==================================================*/

.about-div {
	width: 100%;
min-height: 100px;
background-color: rgba(209, 209, 209, 0.24);
box-shadow: none;
border: 0;
padding: 50px 20px 30px 20px;
margin-bottom:20px;
}
/*=======================================
    FREE TEXT STYLES
==================================================*/
.free-div {
    width: 100%;
min-height: 100px;
background-color: rgba(209, 209, 209, 0.24);
box-shadow: none;
border: 0;
padding: 50px 20px 30px 20px;
margin-bottom:20px;
}

/*=======================================
    CONTACT STYLES
==================================================*/
.contact-cls {
    font-size:20px;
    line-height:40px;
}
/*=======================================
    FOOTER STYLES
==================================================*/

#footer {
    background-color:#000;
    color:#fff;
    padding:20px 50px 20px 50px;
    text-align:right;
}