/*----------------------------------------
Name: style.css
Developed by: Federico Viarnes
Author: grupoNSNC
Web: www.gruponsnc.com.ar
Date Created: 05/2010
----------------------------------------*/


/* Imports
----------------------------------------*/
@import url("reset.css");
@import url("admin.css");

/* Elements
----------------------------------------*/

/*global*/

a {text-decoration:underline;color:#000;}
html > body #container { height: auto;}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#19171c url(../img/css/bg.jpg) repeat-x top center;}
#container {
	width:814px;
	margin:0 auto;}
	
/*titles*/

h1 {font-size:24px;font-weight:lighter;}
h2 {font-size:20px;font-weight:lighter;}
h3 {font-size:18px;font-weight:lighter;}
h4 {font-size:14px;font-weight:lighter;}


/* Standard Definitions */

.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.hide		{visibility:hidden;}
.error 		{color:#F33;}


/*-------------------------------------------------------------------------------*/


/* Header
----------------------------------------*/
#header {
	height:319px;
	width:814px;
	margin:0 auto;
	background:url(../img/slidedef/fondo.jpg) no-repeat top center;}

	#slide {
		margin:0 20px;}
		
		#slidei {
			padding-top:42px;
			height:209px;
			width:397px;
			float:left;
			filter:alpha(opacity=0);
			opacity: 0;
			-moz-opacity:0;}
			
		#slidet {
			padding-top:192px;
			height:57px;
			float:left;
			width:348px;
			padding-left:15px;
			filter:alpha(opacity=0);
			opacity: 0;
			-moz-opacity:0;}
	
	#bottomHeader {
		margin:0 20px;}
	
		#menu {
			float:left;
			width:528px;
			background:#ccc;
			color:#ccc;
			height:69px;
			background:url(../img/css/bgmenu.jpg) no-repeat top center;}
			
		#menu ul li,#menu ul li a {
			float:left;
			height:69px;
			display:inline-block;
			background-position:top center;
			cursor:pointer;}

		#menu ul li h1 {
			height:69px;}
		
		#menu ul li.activo {
			background-position:center center;}
		#menu ul li:hover.activo {
			background-position:center center;}
		#menu ul li:hover {
			background-position:bottom center;}
		
		#telHeader {
			float:left;
			width:201px;
			height:57px;
			padding:2px 35px 10px 10px;
			font-size:11px;
			background:#fff url(../img/css/bgtelhead.jpg) repeat-y top left;}
			
			#telHeader p {
				text-align:right;
				padding-right:10px;}
		
/* Content
----------------------------------------*/

#content {
	margin:0 20px;}
	
/* Main
----------------------------------------*/

#main {
	width:492px;
	float:left;
	color:#fff;
	padding:18px;
	background:#333;}
	
	#main ul.home {
		margin:0;
		padding-top:12px;
		padding-bottom:50px;
		width:492px;}
		
	
		#main ul.home li {
			width:210px;
			line-height:18px;
			margin:0 18px;
			float:left;}
		#main ul.marcas li {
			margin:10px 10px 5px 18px;	
			width:132px;
			height:130px;
			float:left;}
			
			.imgc {
				width:120px;
				height:90px;
				padding:5px;
				margin-bottom:5px;
				border:1px solid #999;
				background:#fff;}
			.imgc:hover {
				padding:4px;
				border:2px solid #ff6633;}
				
				.imgc table tr td {
					height:90px;
					vertical-align:middle;}
			.imgg {
				width:185px;				
				padding:5px;
				margin-bottom:5px;
				border:1px solid #999;
				background:#fff;}
				
				.imgg table tr td {
					height:115px;
					vertical-align:middle;}

			#main ul.home li h4 {
				font-weight:bold;
				color:#ff6633;}
	
			#main ul.home li h3 {
				color:#ff6633;
				margin-bottom:20px;}
				
			#main ul.home li p {
				line-height:16px;}
			
			#main ul.marcas li a {
				color:#ccc;
				font-size:14px;
				text-transform:uppercase;
				font-weight:bold;}
			#main ul.marcas li a:hover {
				color:#fff;}
			#main h3 {
				color:#ff6633;
				padding-left:18px;
				margin-bottom:10px;}
				
		ul.links {
			padding-left:18px;}
				
		ul.links li {
			color:#ccc;
			font-size:12px;}
		
		ul.links li.nolink a {
			color:#ccc;
			text-decoration:none;}
			
		ul.links li.nolink a:hover {
			color:#ccc;
			text-decoration:underline;}
		
		ul.links h4 {
			color:#fff;}
			
		ul.links li a {
			color:#ff6633;
			font-size:12px;}
			
		#main ul.fotos li {
			margin:10px 5px 5px 18px;	
			width:95px;
			border:1px solid #ffcc99;
			height:70px;
			cursor:pointer;
			float:left;}
		#main ul.fotos li:hover {
			border-color:#ff6633;}
			
			#main ul.fotos h4 {
				font-weight:bold;
				padding-left:18px;margin-bottom:10px;}
			
				
/* Sidebar
----------------------------------------*/

#sidebar {
	width:232px;
	float:left;
	padding-top:45px;
	padding-left:14px;
	background:url(../img/css/bgtopsb.jpg) no-repeat top center;}
	
	#sidebar img {
		margin-bottom:20px;}

	#sidebar h4 {
		font-weight:bold;
		color:#ff6633;}
	#sidebar ul {
		padding:10px;
		width:198px;
		background:#c3bfbf;
		margin-top:-10px;}
	
	#sidebar ul li a {
		color:#000;
		font-size:12px;
		line-height:20px;
		text-transform:uppercase;}

	#sidebar ul li a:hover {
		color:#fff;}


/* FORMS
----------------------------------------*/

#form {
	margin-left:18px;
	padding-bottom:20px;}
	
#form input {
	width:210px;
	height:16px;
	font-size:12px;
	border:1px solid #000;
	padding:2px;
	margin-top:7px;
	border-left:2px solid #ccc;
	border-top:2px solid #ccc;}
	
#form textarea {
	border-left:2px solid #ccc;
	border-top:2px solid #ccc;
	width:300px;
	height:100px;
	margin-top:7px;
	padding:2px;
	font-size:12px;}

#form input.error {
	border:1px solid #F33;
	width:211px;
	height:17px;}
#form textarea.error {
	border:1px solid #F33;
	height:102px;
	width:302px;}

#form input.button {
	width:80px;
	height:24px;
	margin-left:78px;
	padding:0;
	border:none;
	background:url(../img/css/enviar.jpg) no-repeat top center;
	cursor:pointer;}
	
#form label {
	color:#ccc;
	font-size:10px;}
	
#form p {
	font-size:11px;
	color:#F33;
	font-weight:bold;}

#buscador {
	width:216px;
	height:34px;
	border:1px solid #000;
	background:url(../img/css/lupa.jpg) no-repeat top center;
	margin-bottom:20px;}

#buscador input {
	width:163px;
	float:left;
	height:18px;
	padding:8px 8px;
	margin:0;
	border:none;
	background:none;
	font-size:12px;
	color:#ff6633;}

#buscador input.button {
	width:37px;
	height:34px;}


	
/* Footer
----------------------------------------*/

#enviado {
	height:300px;
	margin:18px;}

#footer {
	margin:0 20px;}

	#fLeft {
		float:left;
		padding:20px;
		width:488px;
		background:#f2f2f2;}
	
		#fLeft ul {}

			#fLeft ul li {
				float:left;
				border-right:1px solid #333;
				font-size:9px;
				padding:0 5px}
			#fLeft ul li.bordernone {
				border:none;}
				#fLeft ul li a {
					color:#333;
					text-decoration:none;}
	#fRight {
		background:#d9d9d9;
		float:left;
		width:206px;
		padding:12px 20px;
		font-size:11px;}
	
		#fRight p {
			text-align:right;}
					
#bottom {
	height:225px;
	width:775px;
	margin:10px auto 10px auto;
	background:url(../img/css/bottom.jpg) no-repeat top center;}

/* Classes
----------------------------------------*/

p.marcas {font-size:10px;padding-left:18px;margin-bottom:10px;margin-top:-8px;}
p.fz14 {font-size:14px;}
p.fz18 {font-size:18px;}
p.txt {font-style:italic;font-size:12px;margin-bottom:30px;margin-top:5px;}
p.oferta {font-size:24px;font-weight:bold;margin-top:10px;}
#main ul.home li h3.dm {padding:0;margin:0;}

li.home {width:90px;background:url(../img/css/menu/01.jpg);}
li.home a {width:90px;}

li.trayectoria {width:118px;background:url(../img/css/menu/02.jpg);}
li.trayectoria a {width:118px;}

li.marcas {width:80px;background:url(../img/css/menu/03.jpg);}
li.marcas a {width:80px;}

li.datos {width:120px;background:url(../img/css/menu/04.jpg);}
li.datos a {width:120px;}

li.contacto {width:120px;background:url(../img/css/menu/05.jpg);}
li.contacto a {width:120px;}

img.border5 {border:5px solid #fff;}
.ob {width:150px;float:left;font-size:10px;font-weight:bold;color:#ff6633;padding-top:5px;}