body{
	background-color:#d3d3d3;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	}

h1{
	letter-spacing:-1px;
	margin:0px;
	}
h2{
	letter-spacing:-1px;
	margin:0px;
}
a{
text-decoration:underline;
color:#003399
}
#wrapper{
	width:753px;
	margin:auto;
	color:#FFFFFF;
	background-image: url(images/newback.gif);
	background-repeat:no-repeat;
	border: 1px;
	border-color: #000000;
	height: 910px;
	}
#wrapper2{
	width:753px;
	margin:auto;
	color:#0066cc;
	}
#wrapperadmin{
	width:753px;
	margin:auto;
	color:#666;
	background-image: url(images/newbackothersects.gif);
	background-repeat:no-repeat;
	height: 1000px;
	}
#header{
	float:right;
	padding:0px 24px 0px 0px;
	height:90px;
	width:700px;
	color:#FFF;
	text-align: right;
	padding-right: 25px;
	}	
#header h1 a{text-decoration:none; font-size:33px;}
#header h1 a:link,

#menu{
	float:right;
	margin:0;
	width:300px;
	height:35px;
	background-image: url(http://www.sud-motors.com/images/backmenutop.gif);
	background-repeat:no-repeat;
	}
#menuList{
	list-style-type: none;
	padding-bottom : 6px;
	padding-left : 10px;
	padding-right : 0px;
	padding-top : 0px;
	margin: 0;
	border:solid;
	
	}
#menuList li{
	float: left;
	height: 10px;
	padding-left : 30px;
	}
#menuList a{
	float: left;
	display: block;
	text-decoration: none;
	padding: 10px 0px 4px 0px;
	}
#menuList a:link,
#menuList li#active a:link,
#menuList li#active a:visited{
	color:#000000;
	}
#menuList li#active a:hover{
	color: #FFF;
	}
#container{
	width:100%;
	float:left;
	padding:20px 0px 0px 0px;
	border: 1px;
}
#container h2{
	color:#FF6EBF;
	font-size:24px;
}
#container .post{
	border-bottom:2px solid #EEE;
}
#boxleft{
	float:left;
	margin:0px;
	width:130px;
	height:100px;
	padding-bottom : 0px;
	padding-left : 20px;
	padding-right : 0px;
	padding-top : 0px;
	}
#boxmed{
	float:left;
	margin:1px;
	width:400px;
	height:135px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 2px;
	padding-top : 0px;
	}
#boxright{
	float:left;
	width:165px;
	height:135px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-top : 20px;
	text-align: center;
	}
#boximagemed{
	float:left;
	margin:2px;
	width:150px;
	padding-bottom : 10px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	border: 1px;
	}
#boxtextmed{
	float:right;
	margin:2px;
	width:200px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 10px;
	border: 1px;
	}
#boxleftbottom{
	float:left;
	margin-top:0px;
	width:160px;
	height:540px;
	padding-bottom : 0px;
	padding-left : 20px;
	padding-right : 0px;
	padding-top : 0px;
	}
#boxmedbottom{
	margin-top:15px;
	float:left;
	margin:1px;
	width:400px;
	height:540px;
	padding-bottom : 0px;
	padding-left : 4px;
	padding-right : 2px;
	padding-top : 0px;
	}
#boxmedsections{
	margin-top:15px;
	float:left;
	margin:1px;
	width:540px;
	height:540px;
	padding-bottom : 0px;
	padding-left : 4px;
	padding-right : 2px;
	padding-top : 0px;
	/*border-style: solid;
	border-color: #efefef;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;*/
	}
#boxtopmedsections{
	float:left;
	width:580px;
	height:152px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 2px;
	padding-top : 0px;
	text-align: right;
	}
	
#boxrightbottom{
	margin-top:0px;
	float:left;
	width:150px;
	height:400px;
	padding-bottom : 0px;
	padding-top : 0px;
	}
	#secimage{
	float:left;
	margin:0px;
	width:40%;
	padding-bottom : 0px;
	padding-left : 10px;
	padding-right : 0px;
	padding-top : 0px;
	}
	#sectext{
	float:left;
	margin:0px;
	width:400px;
	padding-bottom : 0px;
	padding-left : 10px;
	padding-right : 0px;
	padding-top : 0px;
	}


.marcamoto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight : bold;
	color:#000798;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	line-height : 13px;
		
}
.price {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight : bold;
	color: #3366CC;
	line-height : 11px;
}
.descripcion {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight : bold;
	color:#000798;	
	line-height : 10px;
}
p.detalle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	font-weight : bold;
	color:#000798;	
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	line-height : 10px;
}
input.red {
	background-color: #cc0000; 
	font-weight: bold; 
	font-size: 12px; 
	color: white;
}
input.pink {
	background-color: #ffcccc;
}
input {
	font-size: 10px;
}
textarea.violet {
	background-color: #ffcccc;
}
select.red {
	background-color: #ffffff;
	font-size: 10px;
}
#form{
	float:left;
	margin:2px;
	width:350px;
	height:600px;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 2px;
	padding-top : 25px;
}
p.formtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight : bold;
	color:#FFF;
	margin:2px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	line-height : 5px;
		
}
.formtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight : bold;
	color:#FFF;
	margin:2px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	line-height : 5px;
		
}
.formsubtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight : bold;
	color:#99ffff;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	line-height : 15px;
		
}
option.red {background-color: #cc0000; font-weight: bold; font-size: 12px; color: white;}
option.pink {background-color: #ffcccc;}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: groove groove groove groove;
	border-color: #d3d3d3;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample {
	width:560px;
}
table.sample thead {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: groove groove groove groove;
	background-color: #d3d3d3;
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: groove groove groove groove;
	border-color: #28848f;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	line-height: 10px;
}
#headsections{
	float:right;
	margin:0px;
	width:99%;
	height:70px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 6px;
	padding-top : 3px;
	}
#boxitem{
	float:right;
	margin:2px;
	width:100%;
	height:100%;
	padding-bottom : 5px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 15px;
	}
#boxitemimage{
	float:left;
	margin-left:20px;
	width:450px;
	height:230px;
	background-color: #FFFFFF;
	padding-bottom : 0px;
	padding-left : 25px;
	padding-right : 5px;
	padding-top : 0px;
	text-align:center;
	margin-bottom:0px;
	padding-right:5px;
	}
#boxitemagregar{
	padding-right:5px;
	margin-top:10px;
	float:left;
	margin-left:20px;
	width:475px;
	height:110px;
	background-color: #FFFFFF;

	text-align:center;
	}
#boxitembuttons{
	float:left;
	margin-left:20px;
	width:400px;
	height:20px;
	padding-bottom : 0px;
	padding-left : 25px;
	padding-right : 0px;
	padding-top : 5px;
	text-align:center;
	}
#boxitemtext{
	float:left;
	margin:2px;
	width:100%;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 5px;
}
table.productos {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: #b60202;
	border-collapse: separate;
	background-color: #d3d3d3;
	color: #FFFFFF;
}
table.productos th {
	border-width: thin thin thin thin;
	padding: 2px 2px 2px 2px;
	border-style: groove groove groove groove;
	border-color: #b60202;
	background-color: #b60202;
	-moz-border-radius: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}
table.productos td {
	border-width: thin thin thin thin;
	padding: 2px 2px 2px 2px;
	border-style: groove groove groove groove;
	border-color: #b60202;
	-moz-border-radius: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
table.fichatecnica2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 12px;
	border-style: solid;
	border-color:#CCCCCC;
}
table.fichatecnica {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 12px;
}
table.fichatecnica td {
	line-height: 12px;
}
.fichatext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #99ffff;
	text-decoration: bold;
}

* html #menuv a {
	float:left;
}
#menuv {
	float:left;
	width: 150px;
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:2px;
}
#menuv ul, li {
	list-style-type: none;
}
#menuv li {
	line-height:1.14em;
	} 
#menuv ul {
	margin: 0;
	padding: 0;
} 
#menuv a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: 0px 2px;
	width: 138px;
}
 
#menuv a:hover {
	color: #99ffff;
}
p.oferta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	line-height: 10px;
	font-weight : bold;
}

p.desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	line-height: 14px;
	text-align: justify;
}
p.comentario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6c6c6c;
	text-decoration: none;
	line-height: 14px;
	text-align: justify;
}

p.pedir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #99ffff;
	text-decoration: none;
	line-height: 10px;
}
.precio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #99ffff;
	text-decoration: none;
	line-height: 10px;
	font-weight:bold;
}
.pediloahora {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #99ffff;
	text-decoration: none;
	line-height: 19px;
	font-weight:bold;
}
.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #99ffff;
	text-decoration: none;
	line-height: 10px;
	font-weight:bold;
}
p.pedido {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	line-height: 20px;
	font-weight : bold;
	font-style: italic
}
p.nocargo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #99ffff;
	text-decoration: none;
	line-height: 10px;
	font-weight : bold;
}
p.articulos {
	text.align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #99ffff;
	text-decoration: none;
	line-height: 10px;
	font-weight : bold;
	border: thin solid #ccffff;
	width:120px;
	margin-left:20px;
}
.pedido {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	font-weight : bold;
	font-style: italic
}
.nocargo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #99ffff;
	text-decoration: none;
	font-weight : bold;
}
.articulos {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #99ffff;
	text-decoration: none;
	font-weight : bold;
	width:100px;
}

p.brand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	line-height: 12px;
	text-align:center;
	font-weight: bold;
}
p.model {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	line-height: 10px;
	text-align:center;
}
#menubottom{
	float:left;
	margin:0px;
	width:100%;
	height:40px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 3px;
	border:solid;
	}

#footer{
	float:left;
	width:360px;
	height:80px;
	color:#FFFFFF;
	font-weight: bold;
	font-variant: small-caps;
	margin-left:190px;
	margin-top:20px;
	text-align:center;
	}
#menuListbottom {  
	list-style:none;
	margin:0;
	padding:0;
}
#menuListbottom li {
	margin:2px;

	float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)
}
#menuListbottom a {
	padding-left:15px;
	color:#FFFFFF;
	font-size:10px;
}

p.clientes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
	line-height: 14px;
	font-weight: bold;
}
	/* common styling */
.menu1{
font-family: arial, sans-serif; width:100px; height:180px; position:relative; font-size:10px; margin:2px 0; padding:2px 2px; 
}
.menu1 ul {
padding:0; margin:0; list-style-type: none;
}
.menu1 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:-1px; left:150px;
}
.menu1 ul li {
float:left; position:relative;
}
.menu1 ul li a, .menu1 ul li a:visited {
display:block; float:left; text-decoration:none; color:#000; width:150px; height:30px; line-height:29px; font-size:10px; background:transparent; padding-left:5px;
}
* html .menu1 ul li a, .menu1 ul li a:visited {width:150px;}

.menu1 ul li.home {background:url(images/menback.gif);}
.menu1 ul li.products {background:url(images/menback.gif);}
.menu1 ul li.services {background:url(images/menback.gif);}
.menu1 ul li.contact {background:url(images/menback.gif);}
.menu1 ul li.sitemap {background:url(images/menback.gif);}
.menu1 ul li.news {background:url(images/menback.gif);}

.menu1 ul li ul li.subprod1 {background:url(images/mini-ds.gif) no-repeat;}
.menu1 ul li ul li.subprod2 {background:url(images/mini-ds.gif) no-repeat;}
.menu1 ul li ul li.subprod3 {background:url(images/mini-ds.gif) no-repeat;}
.menu1 ul li ul li.subnews1 {background:url(images/mini-ds.gif) no-repeat;}
.menu1 ul li ul li.subnews2 {background:url(images/mini-ds.gif) no-repeat;}
.menu1 ul li ul li.subnews3 {background:url(images/mini-ds.gif) no-repeat;}
.menu1 ul li ul li.subserv1 {background:url(images/mini-ds.gif) no-repeat;}
.menu1 ul li ul li.subserv2 {background:url(images/mini-ds.gif) no-repeat;}
.menu1 ul li ul li.subserv3 {background:url(images/mini-ds.gif) no-repeat;}
.menu1 ul li ul li.subserv4 {background:url(images/mini-ds.gif) no-repeat;}
.menu1 ul li ul li.subserv5 {background:url(images/mini-ds.gif) no-repeat;}

.menu1 table {
border-collapse:collapse; border:0; margin:-1px; padding:0; font-size:1em;
}

.menu1 ul li:hover a,
.menu1 ul li a:hover{
text-decoration:underline; border:0;
}
.menu1 ul li:hover ul,
.menu1 ul li a:hover ul {
visibility:visible; position:absolute; width:155px; height:auto; border:1px solid #606; z-index:10; background:#f8f8f8; overflow:visible;
}
.menu1 ul li:hover ul li a,
.menu1 ul li a:hover ul li a{
display:block; background:transparent; color:#000; width:155px; line-height:15px; padding:5px 0 5px 35px; height:auto; text-decoration:none;
}
* html .menu1 ul li a:hover ul li a {width:155px; w\idth:155px;}

.menu1 ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover {
text-decoration:underline; border:0;
}
.menu1 ul li:hover ul li ul,
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:151px;
}
.menu1 ul li:hover ul li:hover ul,
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; width:150px; height:auto; color:#000; padding:0; border:1px solid #888; list-style-type:none; background:#eee;
}
.menu1 ul li:hover ul li:hover ul li a,
.menu1 ul li a:hover ul li a:hover ul li a {
display:block; width:115px; background:transparent; color:#000;
}
* html .menu1 ul li a:hover ul li a:hover ul li a {width:150px; w\idth:150px;}

.menu1 ul li:hover ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover ul li a:hover {
background:#ddd; text-decoration:underline;
}
#catalogo{
	float:left;
	margin-top:0px;
	/*width:100px;*/
	height:350px;
	width: 157px;;
	}
#box{
	float:left;
	margin:1px;
	width:192px;
	height:170px;
	background-color:#ffffff;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	}
#boximage{
	float:left;
	margin:1px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	}
#boxtext{
	float:right;
	margin:2px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	}
#menuh {
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 20px;
}

#menuh ul, li {
	list-style-type: none;
}

#menuh ul {
	margin: 0;
	padding: 0;
}

#menuh li {
	float: left;
}

#menuh a {
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	padding: 5px 5px;
	text-align: center;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 1px;
}

#menuh a#primero {
	border-left: 1px solid #ACCFE8;
}

#menuh a:hover {
	background: #DBEBF6;
}
#boxbuttons{
	float:left;
	margin:1px;
	width:170px;
	height:20px;
	background-color:#ffffff;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 2px;
	padding-top : 0px;
	}
#boxproducts{
	float:right;
	margin-right:15px;
	width:100px;
	height:90px;
	padding-bottom : 5px;
	padding-left : 2px;
	padding-right : 5px;
	padding-top : 0px;
	background-color:#ffffff;
	}
#marca{
	float:left;
	margin-top:2px;
	width:640px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	padding-left:40px;
	text-align:center;
	}

table.contactos {
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: #99ffff;
	border-collapse: separate;
	background-color: #0066ff;
}
table.contactos th {
	border-width: thin thin thin thin;
	padding: 2px 2px 2px 2px;
	border-style: groove groove groove groove;
	border-color: #99ffff;
	background-color: #4DAFE3;
	-moz-border-radius: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}
table.contactos td {
	border-width: thin thin thin thin;
	padding: 2px 2px 2px 2px;
	border-style: groove groove groove groove;
	border-color: #99ffff;
	/*background-color: white;*/
	-moz-border-radius: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.formbuttondet{
	cursor:pointer;
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	text-align: center;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 1px;
	padding: 5px 2px;
}
.formbutton{
	cursor:pointer;
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	text-align: center;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px;
}
#buscador{
	float:left;
	margin-top:0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	border: 1px;
	width: 157px;
	height:200px;
	}
.cantidad
{
	font-family: Verdana;
	font-size: 10px;
	color: #3366CC;
	font-variant:small-caps
	}
.link
{
	font-family: Verdana;
	font-size: 14px;
	color: #FFFFFF ;
	}
.minilink
{
	font-family: Verdana;
	font-size: 9px;
	color: #FFFFFF ;
	}