@import "../css/reset.css";@import "../css/grid_12.css";@import "../css/superfish.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {
	font-family:"Century Gothic", Century;
	font-size:12px;
	line-height:18px;
	color:#333;
	min-width:983px;
	background:#212121;
}
.main {width:973px;padding:0;margin:0 auto;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.italic{font-style:italic}
.letter {letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#000;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#f69202; text-decoration:none;}

.rm_wrap, .rm_wrap1, .rm_wrap2{text-align:right;padding-top:8px;}
.rm_wrap1{padding-top:24px;}
.rm_wrap2{padding-top:3px;}
.rm{color:#060;text-decoration:underline;display:inline-block;}
/*================================>> hovers <<========================================*/

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {
	padding-top: 24px;
	padding-right: 0;
	padding-bottom: 11px;
	padding-left: 14px;
}
header h1{width:23px;float:left;}
header h1 a {
	display:block;
	width:276px;
	height:100px;
	background:url(../images/logo-mejorado.png) 0 0 no-repeat;
	margin-top:4px;
	text-decoration:none;
	text-indent:-9999px;
}

.header_box{ background:url(../images/fondo7.jpg) repeat-x;;position:relative;z-index:10;height:110px;}
.height1{height:408px;}
/*********************************content*************************************/
#content {
	padding-top: 38px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
.cont_pad{padding:5px 0 8px 0 !important;}

.content_box{background-color:#efefef;position:relative;z-index:8;}
/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:26px;}
.p3{margin-bottom:29px;}
.p4{margin-bottom:23px;}
.p5{margin-bottom:21px;}
.p6{margin-bottom:35px;}

/*================================>> LISTS <<========================================*/
.list1{padding: 0 0 0 33px;}
.list1 li{ background:url(../images/marker1.png) 0 5px no-repeat; padding-left:18px; margin-bottom:13px;}
.list1 a{}


/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{
	font-size: 25px;
	line-height: 36px;
	color:#060;
	font-family: "Century Gothic", Century;
	margin-bottom:19px;
}
h2 span{display:block;margin-top:-4px;}

h2.ind{ margin-bottom:14px;}
h2.ind1{
	margin-bottom:21px;
	color: #060;
}
h2.ind2{ margin-bottom:15px;}
h2.ind3{ margin-bottom:10px;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{ float:right;}

.box1{
	margin-bottom:6px;
}

.news{padding-bottom:5px;}
.news>li{margin-bottom:12px;}
.news>li>div{width:221px;}
.news>li>figure{padding:4px 0 0;}
.news>li strong{letter-spacing:1px;display:inline-block;margin-bottom:4px;}

.orange{color:#060;}

.cars{margin-bottom:40px;}
.cars>div{width:141px;line-height:20px;}
.cars>figure{padding-top:6px;}
.cars .rm{margin-top:9px;}

/*********************************page_2*************************************/
.service{}
.service img{margin-bottom:23px;}
.or_link1, .or_link, .service .title{color:#060;}

.box2{margin-bottom:38px;}
/*********************************page_3*************************************/
.or_link, .or_link1:hover{text-decoration:underline;}
.or_link:hover, .or_link1{text-decoration:none;}
.box3{margin-bottom:35px;}
/*********************************page_4*************************************/
.solutions{}
.solutions li{margin-bottom:21px;}
.solutions strong{display:inline-block;margin-bottom:4px;}
/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:0px 0 0 0;margin-top:-4px;}
#contact-form .success {width:300px; color:#060;  margin-bottom:60px; padding:10px; position:absolute;}
#contact-form textarea, #contact-form input {
	margin:0;
	font-size:12px; 
	border:1px solid #c9c9c9; 
	color:#212121;
	padding:1px 1px 1px;
	outline:none; 
	position:relative; 
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
	height: 25px;
}	
#contact-form input {
	width:200px;
	height:25px;
	float:left;
}
#contact-form textarea {
	overflow:auto;
	width:250px;
	height:50px;
	resize:vertical;
	float:left;
	margin: 13;
}	
#contact-form label {display:block; min-height:53px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px;line-height:14px;padding-top:7px; float:left;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:11px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;margin: -3px 0 24px 0;display:inline-block;}
#map_canvas {
    width:364px;
	height:260px;
}
.adress{}
.adress span{ display:inline-block; width:82px;}
.adress dt{}
.adress a{}
.adress a:hover{ text-decoration:underline;}
/****************************footer************************/
footer {
	overflow:hidden;
	padding-top: 10px;
	padding-right: 17px;
	padding-bottom: 10px;
	padding-left: 17px;
}
.privacy, footer a{color:#bdbdbd;}
.privacy{float:left;}
.f_menu{float:right;overflow:hidden;}
.f_menu ul li{
	float:left;
	margin:0 0px 0 10px;
	padding: 0 0 3px 10px;
	background-color: b3b3b3;
	background-position: 0 1px;
}
.f_menu ul li:first-child{background:none;}
.f_menu a{text-decoration:underline;}
.f_menu a:hover, .f_menu .current a{text-:none;}
.slider-bg {
	background:#fff;
	padding:12px;
	width:916px;
	margin:0 auto;
	position:relative;
	height:491px;
}
.inner-banner {
	overflow:hidden;
	width:200px;
	margin:0 auto;
	line-height:24px;
	padding-right:20px;
	padding-top:64px;
}
.banner{
	width:321px;
	overflow:hidden;
	position:absolute;
	top:70px;
	color:#bfbebe;
	right:40px;
	height:320px;
	z-index:15;
	text-align:center;
	background:url(../images/banner-bg.png) left top no-repeat;
}

.banner span {
	display:block;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	margin-bottom: 22px;
	line-height:22px;
	text-transform:uppercase;
}
.banner p {
	padding-bottom:23px;
}
.text-header-box {
	float:right;
	color:#fff;
	margin-top:-102px;
	padding:0 4px 0 0;
	position:relative;
	overflow:hidden;
	background:url(../images/style-text-1.png) 454px 209px no-repeat;
	height:260px;
	}
.text-1 {
	display:block;
	font-size:73px;
	line-height:2em;
	letter-spacing:-2px;
	}
.text-1 strong {
	display:block;
	margin-top:-78px;
	font-size:71px;
	line-height:2em;
	text-transform:uppercase;
	padding-left:40px;
	letter-spacing:-1px;
	}
.text-1 em {padding-right:10px; display:inline-block; margin-top:-9px;}
.text-2 {
	display:inline-block;
	line-height:2em;
	font-size:24px;
	margin-top:-52px;
	padding-left:99px;
	}
.text-3 {
	display:inline-block;
	font-size:65px;
	line-height:2em;
	margin-top:-75px;
	margin-right:-10px;
	letter-spacing:-2px;
	}
.text-4,
.text-5 {
	display:inline-block;
	font-size:30px;
	line-height:2em;
	text-transform:uppercase;
	margin-top:-53px;
	}
	.text-5 {
		display:block;
		margin-top:-83px;
		padding-left:300px;
		}
	.text-6 {
		display:block;
		font-size:14px;
		line-height:2em;
		color:#1e1c1c;
		text-align:center;
		padding-left:75px;
		margin-top:-14px;
		}


		
		
		
		eeeeee
		@import "../css/reset.css";@import "../css/grid_12.css";@import "../css/superfish.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000; min-width:983px; background:#212121;}
.main {width:973px;padding:0;margin:0 auto;}



/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}


/*********************************content*************************************/
#content {padding:78px 0px 48px 0px;}
.cont_pad{padding:45px 0 48px 0 !important;}

.content_box{background-color:#efefef;position:relative;z-index:8;}
/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:26px;}
.p3{margin-bottom:29px;}
.p4{margin-bottom:23px;}
.p5{margin-bottom:21px;}
.p6{margin-bottom:35px;}

/*================================>> LISTS <<========================================*/
.list1{padding: 0 0 0 33px;}
.list1 li{ background:url(../images/marker1.png) 0 5px no-repeat; padding-left:18px; margin-bottom:13px;}
.list1 a{}


/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 25px; line-height: 36px; color:#060;font-family: Verdana, Geneva, sans-serif;margin-bottom:19px;}
h2 span{display:block;margin-top:-4px;}

h2.ind{ margin-bottom:14px;}
h2.ind1{
	margin-bottom:21px;
	color: #060;
}
h2.ind2{ margin-bottom:15px;}
h2.ind3{ margin-bottom:10px;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{ float:right;}

.box1{margin-bottom:36px;}

.news{padding-bottom:5px;}
.news>li{margin-bottom:12px;}
.news>li>div{width:221px;}
.news>li>figure{padding:4px 0 0;}
.news>li strong{letter-spacing:1px;display:inline-block;margin-bottom:4px;}

.orange{color:#060;}

.cars{margin-bottom:40px;}
.cars>div{width:141px;line-height:20px;}
.cars>figure{padding-top:6px;}
.cars .rm{margin-top:9px;}

/*********************************page_2*************************************/
.service{}
.service img{margin-bottom:23px;}
.or_link1, .or_link, .service .title{color:#060;}

.box2{margin-bottom:38px;}
/*********************************page_3*************************************/
.or_link, .or_link1:hover{text-decoration:underline;}
.or_link:hover, .or_link1{text-decoration:none;}
.box3{margin-bottom:35px;}
/*********************************page_4*************************************/
.solutions{}
.solutions li{margin-bottom:21px;}
.solutions strong{display:inline-block;margin-bottom:4px;}
/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:0px 0 0 0;margin-top:-4px;}
#contact-form .success {width:300px; color:#060;  margin-bottom:60px; padding:10px; position:absolute;}
#contact-form textarea, #contact-form input {
	margin:0;
	font-size:12px; 
	border:1px solid #c9c9c9; 
	color:#212121;
	padding:1px 1px 1px;
	outline:none; 
	position:relative; 
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
	height: 25px;
}	
#contact-form input {
	width:200px;
	height:25px;
	float:left;
}
#contact-form textarea {
	overflow:auto;
	width:250px;
	height:50px;
	resize:vertical;
	float:left;
	margin: 13;
}	
#contact-form label {display:block; min-height:53px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px;line-height:14px;padding-top:7px; float:left;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:11px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;margin: -3px 0 24px 0;display:inline-block;}
#map_canvas {
    width:364px;
	height:260px;
}
.adress{}
.adress span{ display:inline-block; width:82px;}
.adress dt{}
.adress a{}
.adress a:hover{ text-decoration:underline;}
/****************************footer************************/
footer {padding:40px 17px 40px;overflow:hidden;}
.privacy, footer a{color:#bdbdbd;}
.privacy{float:left;}
.f_menu{float:right;overflow:hidden;}
.f_menu ul li{float:left;background: url(../images/f_menu_li.jpg) 0 1px no-repeat;margin:0 0px 0 10px;padding: 0 0 3px 10px;}
.f_menu ul li:first-child{background:none;}
.f_menu a{text-decoration:underline;}
.f_menu a:hover, .f_menu .current a{text-:none;}
.slider-bg {
	background:#fff;
	padding:12px;
	width:916px;
	margin:0 auto;
	position:relative;
	height:491px;
}
.inner-banner {
	overflow:hidden;
	width:200px;
	margin:0 auto;
	line-height:24px;
	padding-right:20px;
	padding-top:64px;
}
.banner{
	width:321px;
	overflow:hidden;
	position:absolute;
	top:70px;
	color:#bfbebe;
	right:40px;
	height:320px;
	z-index:15;
	text-align:center;
	background:url(../images/banner-bg.png) left top no-repeat;
}

.banner span {
	display:block;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	margin-bottom: 22px;
	line-height:22px;
	text-transform:uppercase;
}
.banner p {
	padding-bottom:23px;
}
.text-header-box {
	float:right;
	color:#fff;
	margin-top:-102px;
	padding:0 4px 0 0;
	position:relative;
	overflow:hidden;
	background:url(../images/style-text-1.png) 454px 209px no-repeat;
	height:260px;
	}
.text-1 {
	display:block;
	font-size:73px;
	line-height:2em;
	letter-spacing:-2px;
	}
.text-1 strong {
	display:block;
	margin-top:-78px;
	font-size:71px;
	line-height:2em;
	text-transform:uppercase;
	padding-left:40px;
	letter-spacing:-1px;
	}
.text-1 em {padding-right:10px; display:inline-block; margin-top:-9px;}
.text-2 {
	display:inline-block;
	line-height:2em;
	font-size:24px;
	margin-top:-52px;
	padding-left:99px;
	}
.text-3 {
	display:inline-block;
	font-size:65px;
	line-height:2em;
	margin-top:-75px;
	margin-right:-10px;
	letter-spacing:-2px;
	}
.text-4,
.text-5 {
	display:inline-block;
	font-size:30px;
	line-height:2em;
	text-transform:uppercase;
	margin-top:-53px;
	}
	.text-5 {
		display:block;
		margin-top:-83px;
		padding-left:300px;
		}
	.text-6 {
		display:block;
		font-size:14px;
		line-height:2em;
		color:#1e1c1c;
		text-align:center;
		padding-left:75px;
		margin-top:-14px;
		}
/* Getting the new tags to behave
---------------------------------------- */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }


/* Global properties
---------------------------------------- */


#main {
	min-height:100%;
	margin: 0 auto;
	position: relative;
	width: 980px;
	font-size:.8125em;
	background:#fff;
	border-right:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	}
	#main .inside {
		padding:0 30px;
		}
	
.menu {
	padding:0px 0 10px 0px
}


.pad {
	margin-top:20px;
}
.pad1 {
	margin-top:90px;
}
a {
	color:#017c9a; 
	outline:none;
	}
a:hover{
	text-decoration:none;
	}
strong {
	color:#393939;
	}
em {
	
	}

	ol li {
		padding-bottom:.5em;
		}
		ol li ul {
			padding:.5em 0 0 0;
			margin-bottom:0;
			}
			ol li ul li:last-child {
				padding-bottom:0;
				}
.fonts {
	font-size:22px;
	font-family:"Times New Roman", Times, serif;
	color:#393939;
}
	.fonts ol, .fonts code {
		font-size:13px; 
		font-family:Arial, Helvetica, sans-serif;
	}
	.fonts ol {
		color:#6f787a;
	}
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
	}

.extra-wrap { 
	overflow:hidden;
	}






/* Header
---------------------------------------- */
#header {
	text-align:center;
	border-bottom:1px solid #dbdbdb;
	}
	#header h1 {
		padding:1em 0 .5em 0;
		}




/* Content
---------------------------------------- */
#content {
	padding:40px 0 40px 0;
	}
	

article {
	padding-bottom:50px;
	}
	article .inner {
		padding:0 0 0 14px;
		}
pre, code, samp, kbd, var{font:100% mono-space,monospace;}
pre{
	margin:0;
	padding:10px;
	overflow:auto;
	background:#fff;
	border:1px dashed #000
	}
.code {
	background:#eee;
	padding:10px;
}



/* Paragraph */
p {margin-bottom:1.5em;}
	
	


/* Footer
---------------------------------------- */
#footer {
	text-align:center;
	font-size:10px;
	text-transform:uppercase;
	color:#666;
	background:#eee;
	}
	#footer .inside {
		padding:20px 0 20px 0;
		}


/* Forms
---------------------------------------- */
#form1 {
	
}
	#form1 input {
		 border:1px solid #000;
		 border-radius:10px;
		 background:#CCC;
		 color:#333;
		 -moz-border-radius:10px;
		 -webkit-border-radius:10px;
		 font-size:12px;
		 line-height:1.2307em;
		 padding:5px 0 5px 10px;
		 width:200px;
		 outline:none;		 
		 box-shadow:none;
	}
	#form1 textarea {
		 border:1px solid #000;
		 border-radius:10px;
		 background:#CCC;
		 color:#333;
		 -moz-border-radius:10px;
		 -webkit-border-radius:10px;
		 font-size:12px;
		 line-height:1.2307em;
		 padding:5px 0 5px 10px;
		 width:300px;
		 height:100px;
		 overflow:auto;
		 outline:none;
	}
	#form1 label {
		display:inline-block;
		min-height:30px;
	}
	#form1 .error, #form1 .empty {
		display:none;
		font-size:10px;
		color:#F00
	}
	.btns a{
		display:inline-block;
		padding:5px 10px;
		background:#000;
		margin-right:20px;
		text-decoration:none;
		color:#fff;
		border-radius:10px;
		-moz-border-radius:10px;
		 -webkit-border-radius:10px;
	}
		.btns a:hover {
			background:#333;
		}


/* Form defaults */
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	}

/*==========================================*/


.contact_form h2 {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    color: #5CD053;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
    padding: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 133px;
}
/*--- estilos para los ul y li del formulario ---*/
.contact_form ul {
    width:500px;
    list-style-type:none;
	margin:0px;
	padding:0px;
}
.contact_form li{
	padding:12px; 
	border-bottom:1px solid #eee;
	position:relative;
} 
.contact_form label {
    color: #555555;
    display: inline-block;
    float: left;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    padding: 3px;
    width: 90px;
}
.contact_form input {
	height:20px; 
	width:220px; 
	padding:5px 8px;
}
.contact_form textarea {
	padding:8px; 
	width:300px;
}
.contact_form button {
	margin-left:90px;
}

/*----- estilos visuales de los elementos --------*/

.contact_form input, .contact_form textarea { 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 12px;
	padding-right:30px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	padding-right:80px;
}

/* === Estilos de Validacion === */	

.contact_form input:required:valid, .contact_form textarea:required:valid {
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Estilos del boton de Envio === */
button.submit {
    padding: 9px 17px;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
	opacity:.55;
	cursor: pointer; 
	color: #fff;
}
button.submit:active {
	border: 1px solid #222;
	box-shadow: 0 0 10px 5px #444 inset; 
}