@import url("typocss.css");

/* 
-----------------------------------------------------------
CSS martin
----------------------------------------------------------- 
*/



.container {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	height: auto;
	display: block;
	text-align: center;
}

a:visited {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
text-decoration: none;
}

body {
	/*min-width: 990px;*/
	margin: 3px auto;
	/*background: url('../bg.jpg') top center;
	background-repeat: repeat-x;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*  HEADER */

header {
position: relative;
max-width: 990px;
height: 90px;
margin: 0 auto;
background-repeat: no-repeat;
/* background-image: url(../imag/head.png); */
}

.logo {
width: auto;
height: auto;
margin-top: 3px;
margin-left: 0px;
z-index: 500;
display: block;
float:left;
}
.topweb {
	max-width: 200px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	float: right;
	padding: 3px 10px 5px 10px;
	margin: 20px 0px 0px 0px;
}

.topdir {
	max-width: 200px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	float: right;
	padding: 3px 10px 5px 10px;
	margin: 10px 0px 0px 0px;
	background-color: #26389C;
}

/** TOP MENU **/

#topmenu {

	margin: auto;
	padding-left: 0px;
	padding-top: 20px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*font-weight: bold;*/
	font-size: 18px;
	color: #000000;
	z-index:900;
	width: 100%;
	display: block;
	
	font-family: 'FrutigerLTW01-45Light';
	font-weight:600;
	letter-spacing: 1px;
	
	
}

#topmenu ul { 
	float: right;
	padding: 0;
	margin: 0 140px 0 0;
	list-style: none;
	z-index: 800;
}

#topmenu a {
font-family: 'FrutigerLTW01-45Light';
	display: block;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 22px;
	padding-right: 22px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 1px;
	background-color: #FFFFFF;
}

#topmenu a:hover,
#topmenu li li a,
#topmenu li.active a {
	color: #FF0000;
	text-decoration: none;
	background-color: #FFFFFF;
	border-bottom:solid;
	border-bottom-width: thin;
	border-bottom-color:#FF0000;
	

	
}

#topmenu li { 
	float: left;
	z-index: 800;
}

/** Second-level lists **/

#topmenu li ul { 
	position: absolute;
	/*font-weight:700;*/
	font-size: 12px;
	width: 295px;
	left: -999em; /* "display: none" not seen by screen readers */
	/*border: 2px;*/
	margin-left: 0px;
	z-index:990;
	
}

#topmenu li li,
#topmenu li li:first-child {
	/*border: 0;*/
	width: 295px;
	border-color: #000000;
	border-style:solid;
	border-bottom: 1px;
	color: #000000;
	z-index: 800;
}

#topmenu li li a,
#topmenu li.active li a {
	width: 295px;
	background-color: #1b67bc;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 0px;
	
}

#topmenu li li:first-child a {
	/*border: 0;*/

}

#topmenu li ul a {
	width: 267px;
}

#topmenu li li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #008be7;
}

/*
#topmenu li.active ul a {
	text-decoration: none;
	background-color: #909090;
}
*/


/** Level third and above **/

#topmenu li ul ul { 
	margin: -39px 0 0 190px;
}

#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu 

li.sfhover ul ul ul {
	left: -999em;
}

#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover 

ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul { /* nested under hovered items */
	left: auto;
}



/* MAIN */
.main_content {
max-width: 990px;
background-color: #FFFFFF;
display: block;
margin: 0;
text-align:justify;
}

.main_content p {
text-align:justify;
}

.main_content_in {
max-width: 990px;
background-color: #FFFFFF;
display: inline-block;
margin: 0;
}



.main_content img {
max-width: 100%;
}


.main_textos {
text-align: left;
max-width: 800px;
margin: 0 auto 20px;
}

.marcas {
position: relative;
width: 100%;
margin: 0 auto;
display:block;
text-align:center;

}

.marcas img {
max-width: 100%;
}
.bt_serviciotecnico {
background: transparent url(../imag/btn_serv_tec.png) no-repeat right top;
display: block;
height: 100px;
margin-top: 150px;
position: fixed;
right: 0;
width: 900px;
z-index: 900;
}



/* BOX HOME .box1a, .box1b, .box1c  */

.box1a, .box1b, .box1c {
	width:auto;
	margin-bottom: 5px;
	margin-top: 5px;
	display: inline-block;
	padding: 1px 6px 1px 6px;
	border:1px solid #F3F3F3;
	/*background: #DDD;*/
}

.box1a {
	margin-right: 20px;
	margin-left: 0px;
}

.box1b {	
	margin-right: 20px;
	margin-left: 0px;
	background: #1b67bc;
}

.box1c {
	float:right;
	margin-right: 0px;
	margin-left: 0px;
	background: #003f86;
}

/* BOX SERV */
.boxser, .boxser2 {
	width:295px;
	height:50px;
	margin-bottom: 5px;
	margin-top: 5px;
	background-color: #F4F4F4;
	height:90px;
}

.boxser {
	float:left;
	margin-right: 50px;
	margin-left: 0px;
}

.boxser2 {
	float:right;
	margin-right: 0px;
	margin-left: 0px;
}


.boxser-t {
	padding: 5px 10px 5px 10px;
	background-color: #04848F;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/fle.png);
	background-position:right;
	background-repeat:no-repeat;
}
.boxser-cont {
	padding: 5px 10px 5px 10px;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

/* FOOTER */
footer {
	background-color: #EAEAEA;

	position: relative;
	margin:0 auto;
	height: 95px;
	width:100%;
	z-index: 0;
}
.footmain {
	max-width: 990px;
	margin: 0 auto;
	position: relative;
	height: 100px;
}
.foot-logo2 {
	position: absolute;
	width:180px;
	height:90px;
	margin-top: 5px;
	margin-left: 0px;
	z-index: 500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 7px;
	padding-left: 10px;
	left: 0px;
	float: left;
}
.foot-der {
	position: absolute;
	
	height:90px;
	margin-top: 5px;
	margin-left: 0px;
	z-index: 500;
	padding-top: 7px;
	padding-left: 10px;
	right: 0px;
	float: right;
}
/* textos */

	.textdirtop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #04848F;
	line-height: 18px;
	font-weight: normal;
	}
	
		.textdirtop-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 11px;
	font-weight: bold;
	}

	.textos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #034B57;
	line-height: 20px;
	font-weight: normal;
	}
	.textos2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #16348C;
	line-height: 20px;
	font-weight: bold;
	}


/* FORMULARIOS
----------------------------------------------------------- */

.boxmaim-form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #203E94;
	max-width: 490px;
	height:auto;
	margin-bottom: 0px;
	margin-top: 5px;
	padding: 8px 8px 1px 8px;
	background-color:#FFFFFF;
	position:relative;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
}
.boxdir {
 font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	width: 100%;

	height:auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px 10px 20px 10px;
	border:1px solid #CCCCCC;
	background-color:#203E94;
	float:left;

	margin-right: 0px;
	margin-left: 0px;
	display: block;
	text-align:left;
}
.box-map {
	margin-top: 10px;
	width: 530px;
	height:auto;
	margin-right: 0px;
	margin-left: 0px;
	display: block;
	text-align:right;
	float: left;
	text-align:right;
}


.contactForm {
	width:auto;
	height: auto;
	padding: 10px;
	
}



body.contentpane {
	background:#FFFFFF;
	}

a, label  {
	text-decoration: none;
	}

.content_Form {
	width:auto;
	height: auto;
	padding: 20px;
}
.content_Form-head {
	width:auto;
	height: 35px;
	padding-left: 15px;
	padding-top: 10px;
}

.poll label {
	margin-bottom:5px;
	display:block;
	text-align:left;
	}
/* estilo de los campos*/
.inputbox {
	border:solid 1px #E0DFDF;
	background:#F9F9F9 url(../imag/s5_input.png) repeat-x top left;
	margin: 4px;
	margin-left:0px;
	padding:2px;
	font-size:14px;
	height: 24px;
	width: 400px;
	background-color: #F9F9F9;
}

.inputbotSend {
	border:solid 1px #E0DFDF;
	margin: 4px;
	margin-left:0px;
	padding:0px;
	font-size:14px;
	height: 30px;
	width: 125px;
	background-color: #203E94;
	color: #FFFFFF;
}
.inputbotSend2 {
	border:solid 1px #E0DFDF;
	margin: 4px;
	margin-left:0px;
	padding:0px;
	font-size:14px;
	height: 30px;
	width: 125px;
	background-color: #666666;
	color: #FFFFFF;
}
.inputbox:hover {
	border:solid 1px #807F7F;
}

.selecbox, select {
	border:solid 1px #E0DFDF;
	background:#F9F9F9 url(../imag/s5_input.png) repeat-x top left;
	margin: 2px;
	margin-left:0px;
	padding:4px;
	font-size:14px;
	height: 28px;
}

.textareabox, textarea {
	border:solid 1px #E0DFDF;
	background:#F9F9F9 url(../imag/s5_input.png) repeat-x top left;
	margin: 4px;
	margin-left:0px;
	padding:4px;
	font-size:14px;
}

a:hover, a:focus  {
	text-decoration:none;
	}

/* Form */
/* form elements */


/*
.contactForm p{display:block;clear:both; padding-bottom:0}
*/

.contactForm label{
	width:140px;
	display:block;
	font:300 13px/22px Verdana, Arial, Helvetica, sans-serif;
	float:left;
	text-align:right;
	padding-right:15px;
	vertical-align:top;
	color:#818181
}
/*
.contactForm input{
	font-family:verdana;
	font-size:11px;
	border:1px solid #fff;
	border-top:1px solid #bdbdbd;
	border-left:1px solid #bdbdbd ;
	width:300px;
	padding:5px 4px;
	background-color:#ededed;
	
}
*/
.contactForm input:focus, .contactForm textarea:focus{

	background-color:#fff;
}
/* estilo de la caja comentarios*/
.contactForm textarea{
	border:1px solid #E0DFDF;
	border-top:1px solid #E0DFDF;
	border-left:1px solid #E0DFDF;
	width:400px;
	padding:2px;
	font-family:verdana;
	font-size:14px;
	background-color:#FCFBFB;
	height: 70px;
	
}
.clearform{	background: url(/images/layout/form-divider.gif) no-repeat center top;height:2px; padding:0; margin:0 auto 20px; width:200px;}
.contactForm select{
background-color:#EDEDED;
border-color:#BDBDBD #FFFFFF #FFFFFF #BDBDBD;
border-style:solid;
border-width:1px;
font-family:verdana;
font-size:14px;
padding:5px 4px;
width:400px;
}

.contactForm input.error,.contactForm textarea.error,.contactForm select.error{border-left-color:#9D0606}
.contactForm input.cnt_middle{width:236px;}
.contactForm input.cnt_short{
	width:50px
}
.contact label.box-radio{}
.contact .form-special{display:block;
float:right;
width:420px;height:20px; padding-bottom:10px}
.contact .form-special input{display:inline; width:auto; border:none; background-color:transparent}
.contact .form-special label{display:inline; width:auto; float:none}
.contactForm small {font:9px Arial, sans-serif}
.contactForm .captcha{display:none}
p.newschecker {padding-bottom:16px;}

p.newschecker label input {margin:0; width:15px; background-color:#fff; border:none; display:inline; float:left}
p.newschecker label {margin:0;font-size:12px; width:300px; text-align:left;}
#newsletter{line-height:21px}
#privacy{font:9px/14px Arial, sans-serif;color:#747474;}
.marginleft{
	margin-left:150px;
}
.contactForm .Next {
	height:35px;
	float:left;
	background:#619021;
	font:14px/35px Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	clear: both;
	margin-left: 320px !important;
	margin-left: 160px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.contactForm .Next a {
	color:#FFFFFF;
	}
#send-button{
width: auto !important;
width:106px;
height: auto !important;
height:22px;
margin-left: 152px;
border:none;
	font-weight: bold;
background-color: transparent
}
#commentform{
padding-bottom:50px
}
.content .content{width:auto}
body.error input{margin-top:10px} 

.skip {display:none;}
.texTForm {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	margin: 10px;
	font-weight: bold;
}