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

Cliente		: 	VIDRIOCAR
Autor		: 	Javier Lobos / kravier.com
URL 		: 	www.vidriocar.com.py

Descripcion : 	

Creado 		:	04 de abril, 2010

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

/***********************/
/* ATRIBUTOS DE PAGINA */
/***********************/
body,th {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
   	line-height: 18px;
	color: #fff;
	background-color: #0a1e2a;
}

body {
	margin:0px;
}

* 	html body { 
	font-size: x-small; /* para IE5/WIN */
	f\ont-size: small; /*for other IE versions*/
}

a {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: none;
	color: #add1ff;
}
h1 {
	font-size: 20px;
	font-weight: normal;
	color: #77aaf0;
	margin: 0px 0px 10px 0px;
}

h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0px 10px 0px;
	color: #ff9000;
}

p {
	font-size: 12px;
}


/*** Reseters ***/

h3, h4, p, ul, form, a, li, dl, dd, dt, table, tr, th, td {
	margin: 0;
	padding: 0;
}

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

#contenedor {
	background-color: #4C4C4C;
}

/*** TOP ***/

#top {
	width: 940px;
	height: 105px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

div.logo {
	width: 255px;
	height: 60px;
}

/*** MENU ***/

#menu {
	width: 940px;
	height: 34px;
	margin-top: 20px;
}

/*** BOTON 1 ***/

div.boton_01 {
	width: 59px;
	height: 34px;
	float: left;
	margin-right: 5px;
}

div.boton_01 a {
	width: 59px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botones/b_01.gif);
	background-repeat: no-repeat;
}

body#boton_01 div.boton_01 a,
	div.boton_01 a:hover {
	background-image: url(../gfx/botones/b_01_over.gif);
	background-repeat: no-repeat;
}

/*** BOTON 2 ***/

div.boton_02 {
	width: 73px;
	height: 34px;
	float: left;
	margin-right: 5px;
}

div.boton_02 a {
	width: 73px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botones/b_02.gif);
	background-repeat: no-repeat;
}

body#boton_02 div.boton_02 a,
	div.boton_02 a:hover {
	background-image: url(../gfx/botones/b_02_over.gif);
	background-repeat: no-repeat;
}

/*** BOTON 3 ***/

div.boton_03 {
	width: 117px;
	height: 34px;
	float: left;
	margin-right: 5px;
}

div.boton_03 a {
	width: 117px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botones/b_03.gif);
	background-repeat: no-repeat;
}

body#boton_03 div.boton_03 a,
	div.boton_03 a:hover {
	background-image: url(../gfx/botones/b_03_over.gif);
	background-repeat: no-repeat;
}

/*** BOTON 4 ***/

div.boton_04 {
	width: 124px;
	height: 34px;
	float: left;
	margin-right: 5px;
}

div.boton_04 a {
	width: 124px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botones/b_04.gif);
	background-repeat: no-repeat;
}

body#boton_04 div.boton_04 a,
	div.boton_04 a:hover {
	background-image: url(../gfx/botones/b_04_over.gif);
	background-repeat: no-repeat;
}

/*** BOTON 5 ***/

div.boton_05 {
	width: 78px;
	height: 34px;
	float: left;
	margin-right: 5px;
}

div.boton_05 a {
	width: 78px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botones/b_05.gif);
	background-repeat: no-repeat;
}

body#boton_05 div.boton_05 a,
	div.boton_05 a:hover {
	background-image: url(../gfx/botones/b_05_over.gif);
	background-repeat: no-repeat;
}

/*** BOTON 6 ***/

div.boton_06 {
	width: 118px;
	height: 34px;
	float: left;
	margin-right: 5px;
}

div.boton_06 a {
	width: 118px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botones/b_06.gif);
	background-repeat: no-repeat;
}

body#boton_06 div.boton_06 a,
	div.boton_06 a:hover {
	background-image: url(../gfx/botones/b_06_over.gif);
	background-repeat: no-repeat;
}

/*** BOTON 7 ***/

div.boton_07 {
	width: 84px;
	height: 34px;
	float: left;
	margin-right: 5px;
}

div.boton_07 a {
	width: 84px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botones/b_07.gif);
	background-repeat: no-repeat;
}

body#boton_07 div.boton_07 a,
	div.boton_07 a:hover {
	background-image: url(../gfx/botones/b_07_over.gif);
	background-repeat: no-repeat;
}

/*** BOTON 8 ***/

div.boton_08 {
	width: 190px;
	height: 34px;
	float: left;
}

div.boton_08 a {
	width: 190px;
	height: 34px;
	float: left;
	background-image: url(../gfx/botones/b_08.gif);
	background-repeat: no-repeat;
}

body#boton_08 div.boton_08 a,
	div.boton_08 a:hover {
	background-image: url(../gfx/botones/b_08_over.gif);
	background-repeat: no-repeat;
}

/*** FLASH ***/

#flash {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	
}

/*** CONTENIDO ***/

#contenido {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

#columna_01 {
	width: 200px;
	float: left;
	margin-right: 20px;
}

#columna_02 {
	width: 720px;
	float: left;
}

/*** SECCIONES ***/

#secciones {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	clear: both;
	background-color: #333;
}

div.seccion {
	width: 220px;
	height: 100px;
	float: left
}

div.listado {
	width: 340px;
	float: left;
	padding: 5px;
}

div.foto {
	width: 220px;
	float: left;
	margin: 0px 20px 20px 0px;
	
}


/*** FOOTER ***/

#bottom {
	height: 130px;
	background-color: #0a1e2a;
}

#footer {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

#footer p {
	font-size: 12px;
}

#footer h1 {
	font-size: 14px;
}


div.cuadro {
	width: 300px;
	float: left;
}

/*** REVISTA ***/

#revista {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

div.edicion {
	width: 180px;
	float: left;
	margin-right: 30px;
}

/*** FIRMA ***/

#firma {
	width: 940px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

#firma p {
	font-size: 11px;
	float: left;
}


C O N T E N I D O    D E M O
*/
	div.listado			{	width: 340px; float: left: 50px auto 0;}
	ul						{	text-align: left;}
	ul li 					{	font-size: 18px; padding: 5px 0; }
	ul li a 				{	width: 120px; center; }
	ul li a.desplegable		{	 }	
	ul li li				{	font-size: 14px;}
	ul li a.desplegable li a{	 }