@import url("base.css");
@import url("typografic.css");
/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
/*html{
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}*/
body {	 
	font: 13px Helmet, Freesans, sans-serif;
	background: #171717;	
}
#wrapper{
	width: 100%;
	height: 100%;		
}
#wrapper .container_wrap{margin: 0 auto;}
.coordservices{
	top: 31% !important;
	left: 140% !important;
}
.coordspecial{
	top: 32% !important;
	left: 65% !important;	
}
#wrapper .container{
    /*background:url(../images/background.jpg) no-repeat;*/
   	height: 100%;
	width: 100%;
	text-align: center;	
}
#wrapper .bg{
	background-image:url(../images/background.jpg);
	background-position: 50% 50%;
	background-size: cover;
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;

}
.logoase2{
	clear:both;
	text-align: center;
	margin: 7% auto 0%;
}
h1.txtcenter{text-align: center !important;}
.maya{
	background: url(../images/maya.png) repeat; 
	position: absolute;
	width: 100%;
  	height: 789px;
  	top:0px;
  	left:0px;
  	z-index: 50;
}
#wrapper header{
	background: url("../images/bgmenu.png") repeat-x;
	width: 100%;
	height: 57px;	
	position: absolute;
	z-index: 60;
}
#wrapper header .TopHeader{	
	width: 1200px;
	height: 57px;
	position: relative;
	margin: auto;
}
#mainmenu{	
	position: absolute;
	right: 152px;
	bottom: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 1000;
}
#mainmenu:before,
#mainmenu:after {
	content: "";
	display: table;
}
#mainmenu:after {clear: both;}
#mainmenu{zoom:1;}
#mainmenu li {
	float: left;	
	position: relative;
}

#mainmenu a {
	float: left;
	padding: 0px 18px;
	color: #ffffff;
	text-transform: uppercase;
	font: bold 12px Arial, Helvetica;
	text-decoration: none;	
}

#mainmenu li:hover > a {
	color: #f00;
}
*html #mainmenu li a:hover, *html #mainmenu li a.active { /* IE6 only */
	color: #f00;
}
.w_logo{
	position: absolute;
	z-index: 5;
	top:0px;
	left:0;
}
.l_easy{
	position: absolute;	
	top:23px;
	left:87px;	
	z-index: 99;
}
#wrapper article, #wrapper footer{
	width: 100%;	
}
#wrapper article .inner{	
	width: 1200px;	
	position: relative;
	margin: auto;
	height: 696px
}
.footer_wrap{
	position: absolute;
	top: 465px;
	z-index: 999;
}
.footer_wrap2{
	position: absolute;
	bottom: -10%;
	z-index: 999;
}
.footer_wrap5{
	position: absolute;
	bottom: -42%;
	z-index: 999;
}
.footer_wrap4{
	position: absolute;
	bottom: -7%;
	z-index: 999;
}
.footer_wrap3{
	position: absolute;
	bottom: 0%;
	z-index: 999;
}
#GalleryCar{
	position: absolute;	
	top: 41%;/*272px;*/
	left: 148px;			
}
.wrapp_detail{
	position: absolute;	
	top: 21%;
	left:43%;
	z-index: 60;
}
.wrapp_detail2{
	position: absolute;	
	top: 48%;
	left:43%;
	z-index: 62;
}
#IdCar{z-index: 20;position: absolute;}
.left-info{
	position: absolute;
	/*top:211px;*/
	top:28%;
	left:14px;
	z-index: 60;
}
.leftinterna{left:9% !important;}
.right-info{
	position: absolute;
	/*top:211px;*/
	top:30%;
	left:47%;
	z-index: 60;		
}
.right-info2{
	position: absolute;	
	top:25%;
	left:27%;
	z-index: 60;			
}
.gallery{
	position: absolute;	
	top:29%;
	left:28%;
	z-index: 60;			
}
img.mapslink, h3.mapslink{
	text-decoration: none;
	cursor: pointer;
}
.gallery2{
	position: absolute;	
	top:51%;
	left:95%;
	z-index: 60;			
}
#prev2{
	position: absolute;
	left:-76px;
	top:40%;
}
#next2{
	position: absolute;
	right:-76px;
	top:40%;
}
#IdFooter{
	position: absolute;
	top:0px;
	left:349px;
	z-index: 60;	
}
#IdAseHome{
	position: absolute;
	top: -89px;
	left: 956px;
	z-index: 60;	
}
.left-info h1{
	font-size: 4.0em;
	text-align: left;
}
.infoservecies{
	padding-left: 6px;
	padding-top: 5px;
	margin-bottom: 18px;
	text-align: left;
}
.left-info h2, .left-info a{
	font-size: 1.2em;	
}
.left-info a{text-align: right;display: block;margin-right: 30px;}
p.textright, p.textleft{
	font-size: 1.0em;	
	text-align: left;
	display: inline-block;
	vertical-align: top;
}
p.textleft{
	padding: 0 10px;
}
a.btnpdf{
	background: url(../images/iconbtn.png) no-repeat;
	width: 118px;
	height:187px;
	display: block;	
	margin: 18px 0px 0px 0px;
}

.left-info h3{
	background: url(../images/icons.png) no-repeat;
	font-size: 1.15em;
	padding-left: 37px;
	margin-top: 20px;
	margin-bottom: 15px;
	padding-bottom: 6px;
	margin-left: 25px;
	text-align: left;
}
.left-info h3.iconplace{
	background-position: 0px -12px;
}
.left-info h3.iconphone{
	background-position: 0px -94px;
}
.left-info h3.iconday{
	background-position: 0px -189px;
}
.left-info h3.iconday > div{
	display: inline-block;
	vertical-align: top;		
}
.left-info h3.iconday > div.space{
	padding-right: 40px
}
.iconcards{
	padding-left: 28px;
	margin-top: 16px;
	text-align: left;
}
.iconcards2{
	padding-left: 0px;
	margin-left: -16px;
	margin-top: 16px;
	text-align: left;
}
.pointer-car{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 80;
	/*width: 100%;
	height: 97%;*/

}
#pointer-1,#pointer-2,#pointer-3,#pointer-4,#pointer-5{
	position:absolute; 
	cursor: pointer;
}
#pointer-1{
	top:150px;
	left:391px;
}
#pointer-2{
	top: 307px;
	left: 405px;
}
#pointer-3{
	top: 197px;
	left: 696px;
}
#pointer-4{
	top: 210px;
	left: 890px;	
}
#pointer-5{
	top: 307px;
	left: 880px;
}
#panel-1{
	top:150px;
	left:451px;
}
#panel-2{
	top: 309px;
	left: 461px;
}
#panel-3{
	top: 197px;
	left: 760px;
}
#panel-4{
	top: 210px;
	left: 951px;
}
#panel-5{
	top: 309px;
	left: 938px;
}
.panel-car{
	background: url(../images/bgpanel.png) repeat;	
	position: absolute;	
}
.arrow{
	background: url(../images/arrow.png) no-repeat 0 0 scroll transparent;
	position: absolute;
	top:30%;
	left:-8px;	
	width: 8px;
	height: 20px;
}
.title-panel{	
	padding: 9px 39px 15px 10px;
	font-size: 1.05em
}
.panel-spacing{padding: 17px 39px 17px 10px;}
.detail-car{	
	position: absolute;
	top: 21%;
	left: 547px;	
	z-index: 80;
}
.wrapertext-car{
	position: absolute;
	top: 159px;
	left: 32px;
}
#carruselhome > div{display: none}
.detail-car div{		
	position: absolute;
	top: 184px;
	left: 0px;
	width: 288px;	
	z-index: 50;
}
.posspec{
	top: 47%;
	left: 42%;
}
.posspec2{
	top: 32%;
	left: 49%;
}
.topinterna{top:28% !important;}
#s2{
	background: url(../images/bordergall.png) no-repeat;
	width: 625px;
	height:368px;	
	overflow: hidden;
}
#s3{
	background: none;
	width: 625px;
	height:368px;	
	overflow: hidden;
}
#s2 img{top:1px !important;left:2px !important;}
.pvineta{display:inline-block;margin-right:10px}
ul#listfaq{margin:0; padding: 0; list-style: none;width: 80%}
ul#listfaq li{
	background: url(../images/vineta.png) no-repeat left 5px;
	list-style: none; 
	padding: 0px 0 0 20px; 
	margin: 0 0 10px 0;
}
ul#listfaq li h3{
	font-family: Tahoma,Arial,Verdana;
	color: #ff9f00;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	line-height: 150%;
}
ul#listfaq li p{
	font-family: Tahoma,Arial,Verdana;
	color: #ffffff;
	font-size: 0.85em;
	font-weight: bold;
	text-align: left;
	line-height: 150%;	
}
#carruselhome2{width: 350px !important}
.detail-car h1, .wrapp_detail2 h1{font-size: 1.6em;text-align: left}
.coordservices h1, .coordspecial h1{font-size: 2em !important}
.detail-car p, .wrapp_detail2 p{font-size: 0.95em;font-family: Tahoma, Verdana, Arial;color:#fff;margin-top: 0px;text-align: left}
/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*  j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* Print styles!

-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {	
	/*#wrapper header .TopHeader, #wrapper article .inner{width: 1008px;}
	#pointer-1{
		top: 139px;
		left: 361px;
	}
	#panel-1{
		top: 132px;
		left: 421px;
	}
	#pointer-2{
		top: 280px;
		left: 364px;
	}
	#panel-2{
		top: 281px;
		left: 422px;
	}
	#pointer-3 {
		top: 175px;
		left: 635px;
	}
	#panel-3 {
		top: 175px;
		left: 694px;
	}
	.wrapertext-car{
		top:148px;
		left: -2px;
		width:76%;
	}
	.detail-car{left: 400px;}
	.detail-car div{
		top: 160px;
		left: 106px;
	}*/
}	
@media screen and (max-width: 480px) {
    /*#wrapper header .TopHeader{
    	width: 400px;    	    	
    }
    #mainmenu{
    	right: -34px;
		bottom: -79px;
		width: 450px;
    }
    .l_easy{
    	max-width: 50%;
    }
	#wrapper header{background: none}*/
}