@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Squada+One);
body 
{
text-align: center;
margin: 0px auto;
background-image: url(Images/fndo2.png);
background-repeat: repeat-x; 
background-color: with;
}

#container 
{ 
width: 1024px;
height: 768px;
margin: 0px auto; 
text-align: left; 
background-color: rgba(0,0,0,0.000001);
/*background-image: url(Images/bg1.png);
align: center;*/
}

/* DIV LOGOTIPO */
#brazo-GF24 {
margin-left: 20px;
margin-top: -40px; 
width: 300px; 
height: 370px; 
}

/* DIV  MENU */
#menu 
{
font-family: Calibri;
font-size:14px;
width: auto;
height: 100px;
padding: 0px;
}

#menu div:nth-child(2) {
	background-color: rgba(0,0,0,0.000001);
	height: 45px; 
	margin-top: -290px;
	padding-top: 25px;
	}

#menu div:nth-child(1) { font-size: 14px; margin-left: 300px; }

#menu p 
{ 
font-family: BebasNeue;
font-size:35px;
float: right; 
margin-right: 20px; 
margin-top: -100px; 
color: #FFF; 
}


#content { width: 100%; height: 645px; overflow: hidden; }
#title-GF24-Torreon { width: 500px; height: 60px; margin-left: 405px; margin-top: 21px; }
#subTitle-GF24-Torreon { width: 300px; height: 40px; margin-left: 571px; margin-top: 37px; }
#content div.boxes { background-color: #F00; margin-left: 65px; margin-top: 40px; }
.icons { width: 130px; height: 116px; }
div.col1-4 
{ float: left; box-sizing: border-box; padding-right: 10px; position: relative; z-index: 2; margin-left: 65px; margin-bottom: 25px; }
#gruasyfletes24 
{ 
float: right;
background-image: url(Images/degradado.png);
background-repeat: no-repeat;
height: 130px; 
color: #FFF;
}

#gruasyfletes24-Torreon 
{
font-family: Calibri;
font-size:14px;
float: right; 
margin-left: 140px;
margin-right: 175px;
margin-top: -5px; 
text-align: center; 
}


#gruasyfletes24-Torreon:first-letter { font-size: 200%; color: #FFF; margin: 0 auto; }
#footer { float: left; margin-left: 115px; }
#atencionInmediata-Gruas-Torreo { margin-top: 25px; width: 150px; height: 50px; }
#logo-gruas-fletes24 { margin-top: 10px; width: 200px; height: 90px; }



.col1-1 
{ 
float: left; 
box-sizing: border-box; 
padding-right: 10px; 
position: relative; 
z-index: 2;
margin-top: 20px; 
margin-left: 65px;
margin-bottom: 25px;
}

.col1-2
{ 
float: left; 
box-sizing: border-box; 
position: relative; 
z-index: 2;
margin-left: 35px; 
margin-bottom: 25px;
margin-top: 20px;
}

.col1-3 {
font-family: Calibri;
font-size:12px;
float: left;
box-sizing: border-box;
position: relative; 
z-index: 2;
margin-left: 35px;
margin-bottom: 25px;
}

.div-border { border-left: 2px solid #ccc; width: 1px; height: 130px; float: left; margin-left: 25px; margin-top: 15px; }

#contact {
font-family: Calibri;
font-size:13px;
margin-top: 0px;
font-weight: normal;
}

#facebook-gf24 { text-decoration: none; float: none; }
#popup { color: #999; width: 100%; height: 100%; }
.popup_block { display: none; float: left; left: 50%; padding: 20px; position: fixed; top: 50%; z-index: 99999; }
.fix-size { width: 700px; height: 600px; }
element.style { display: block; }
#fade { background: none repeat scroll 0 0 #000000; display: none; height: 100%; left: 0; opacity: 0.8; position: fixed; top: 0; width: 100%; z-index: 9999; }