@font-face {
   font-family: bubbleboy2;
   src: url(../font/bubbleboy2.ttf) ;

}

@font-face {
   font-family: bubblebo;
   src: url(../font/bubblebo.ttf) ;
}

@font-face {
   font-family: bubblebo;
   src: url(../font/bubblebo.eot) ;
}


.logo
{
   font-family: bubblebo, Century Gothic;
   color: #ca0505;
   font-size:14px;
   font-style:normal;
}

.logo2
{
   font-family: bubblebo, Century Gothic;
   color: #000000;
   font-size:15px;
   font-style:normal;
}


body
{
   background-color: #efefef;
   width: 100%;
   color: #515151;
   font-family: Century Gothic, Eras Light ITC, Courier New, Helvetica, Arial, sans-serif;
   font-size: 15px;
   margin: 0;
   padding: 0;
   overflow: hidden;
   min-width: 960px;
}

/***** HEADER ******************/

#header
{
   background: url(../images/templates/ES_background_gray_line.png) repeat left top;
   width: 100%;
   height: 120px;
   border-bottom: 1px solid rgb(255,255,255);
   position: fixed;
   z-index: 9999;
}

#divheader
{
   height: auto;
   margin: 0 auto;
   position: relative;
   width: 960px;
}

#logo
{
   background: url(../images/templates/ES_logo_shadow_red.png) no-repeat;
   border: none;
   height: 120px;
   display: block;
   left: -40px;
   padding: 0;
   position: absolute;
   top: 5px;
   width: 534px;
}

#divheader ul
{
   height: 120px;
   list-style-type: none;
   left: 0;
   margin: 0px 0px auto 500px;
   padding: 0;
}

#divheader ul li
{
   width: 114px;
   height: 120px;
   cursor: pointer;
   float:left;
   margin-right:1px;
}

#divheader ul li:hover
{
   background: url(../images/templates/ES_background_red_line.png) repeat left top;
}


#nav1, #nav2, #nav3, #nav4
{
   background: url(../images/templates/ES_background_darkgray_line.png) repeat left top;
   color: rgb(255, 255, 255);
   padding-top: 48px;
   display: block;
   font-family: BubbleBoy2;
   font-size: 13px;
   text-align:center;
   height: 72px;
   width: 114px;
   cursor:pointer;
}

#divheader li a
{
   text-decoration:none;
}


/***** CONTENT ******************/

.graysquare
{
   color: #000;
   background: url(../images/templates/ES_background_darkgray_line.png) repeat left top;
   margin: 0px;
   min-height: 900px;
   width: 100%;
   float: left;
}


/*** SECTION HOME ********************/
.home
{
   background: url(../images/home/background_green_line.png) repeat left top,#000;
   margin: 120px auto 0px auto;
   min-height: 400px;
   width: 100%;
   float: left;
   min-width: 960px;
}

.boxhome
{
   margin: 40px auto;
   position: relative;
   width: 960px;
   height: 400px;
   -moz-box-shadow: 0px 0px 14px #979797;
   -webkit-box-shadow: 0px 0px 14px #979797;
   box-shadow: 0px 0px 14px #979797;
   border: 1px solid gray;
}


/*** SECTION SERVICES ****************/

.services
{
   background: url(../images/services/bg_hd.png) no-repeat top center;
   background-size: 2000px 340px;
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   margin: 0px;
   min-height: 700px;
   width: 100%;
   float: left;
}

.servicesrow
{
   height: auto;
   position: relative;
   margin: 270px auto;
   width: 960px;
   color: rgb(66, 66, 66);
}

.circleservice
{
   background-color: #f9f9f9;
   display: inline-block;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   border: 5px solid #000000;
   -moz-box-shadow: 3px 5px 1px #979797;
   -webkit-box-shadow: 3px 5px 1px #979797;
   box-shadow: 0px 0px 20px #ffffff;
   margin: 0 30% auto;
}

.service
{
   margin: 0px auto;
   position: relative;   
   width: 280px;
   float:left;
   padding-top: 6px;
	padding-right: 14px;
	padding-bottom: 6px;
	padding-left: 14px;
	line-height: 19px;
}


.service img
{
   margin: 16% 10% auto;
}

.service p.h4
{  
   text-align:center; 
   color: #ca0505;
   font-weight: normal;
   margin-top: 40px;   
   font-size:18px;

   font-family: Bubblebo;

}

.service p.description
{  
   text-align: justify;
   color: gray;
   font-size:14px;
}

/*** SECTION CLIENTS *****************/

.titleclients
{
   position: relative;
   color: #242424;
   width: 680px;
   margin: 60px auto;
   text-align: center;
}

.titleclients h1
{
   font-family: Bubbleboy2;
   font-size: 22px;
   
}


.subtitleclients 
{
   margin: 0px auto;
   color: #818181;
   font-size:14px;
}

.clients
{   
   color: #fff;
   background-color: #ffffff;
   border-bottom: 1px solid #cccccc;
   margin: 0px;
   min-height: 720px;
   width: 100%;
   float: left;
}

.clientsrow
{
   height: auto;
   position: relative;
   color: rgb(215, 215, 215);
   width: 880px;
   margin: 0px auto;
}

.boxclient
{
   margin: 0px 10px 0px 10px;
   position: relative;
   float: left;
   text-align: center;
   background-color:#fff;
   width: 200px;
   height: 125px;
}

.boxclient h4
{
   margin: 16px auto 0px auto;
   color: #000;
   font-weight: bold;
}

.boxclient h4:hover
{
   color: #ca0505;
}


.boxclient a
{
   text-decoration: none;
   color: #444343;
}

.boxclient a:hover
{
   color: #ca0505;
   font-weight:bold;
}



/***** FOOTER ******************/

#footer
{
   height: auto;
   position: relative;
   background-color: #000000;
   color: rgb(215, 215, 215);
   font-size: 11px;
   width: 960px;
   margin: 70px auto;
   line-height: 12px;
}

.circle
{
   background-color: rgb(205, 6, 6); 
   display: inline-block;
   width: 50px;
   height: 50px;
   border-radius: 50%;
}

#footer #telephone
{
   left: 270px;
   position: absolute;
}

#footer #telephone_note
{   
   position: absolute;
   left: 330px;
   top: 6px;
}

#footer #telephone img
{
   margin: 10px 10px auto;
   display: inline-block;
   position: relative;
}

#footer span#contact
{
   left: 520px;
   position: absolute;
}

#footer #contact_note
{
   position: absolute;
   left: 580px;
   top: 10px;
}

#footer span#contact img
{
   margin: 14px 10px auto;
   display: inline-block;
   position: relative;
}

#footer span#contact_note a
{
   color: rgb(215, 215, 215);
   text-decoration: none;
}

#map
{
   margin: 80px auto;
   position: relative;
   height: 300px;
   width: 800px;
   -moz-box-shadow: 0px 8px 20px #4e4e4e;
   -webkit-box-shadow: 0px 8px 20px #4e4e4e;
   box-shadow: 0px 8px 20px #4e4e4e;
   border: 7px solid #4e4e4e;
}

#EST_map
{
   margin: 80px auto;
   position: relative;
   height: 305px;
   width: 775px;
   -moz-box-shadow: 0px 8px 20px #4e4e4e;
   -webkit-box-shadow: 0px 8px 20px #4e4e4e;
   box-shadow: 0px 8px 20px #4e4e4e;
   border: 7px solid #4e4e4e;
}

#info
{
   color: rgb(215, 215, 215);
   margin: 80px auto 0px auto;
   position: relative;
   height: 100px;
   width: 960px;
   text-align: center;
}

.infoIVA
{
   font-size:12px;
}