/****** ESTRUCTURA ******/
* { margin: 0; padding: 0; }

body 
{
	margin: 0 auto;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F6F7FC;
	color:#333;
}

#wrap { margin: 20px auto; width: 928px; }

#header { width: 100%; margin: 0 0 0 4px; position:relative; background: url(img/header.png) 0 0 repeat-x #FFF; }
	#header_l { background: url(img/header_l.png) 0 0 no-repeat; }
		#header_r { width: 100%; height:170px; margin: 0; background: url(img/header_r.png) 100% 0 no-repeat; }

div#logo{ margin:0; padding:0; position:absolute; top:42px; left:34px;}
	div#logo img{ margin:0;}

#main { margin-left: 4px; width: 100%; padding: 0; background: url(img/main.png) 0 0 repeat-y #FFF; }
	#main_t { width:100%; background: url(img/main_tr.png) 760px 37px no-repeat; }
	
		#menu_bar { background: url(img/menu_bar.png) 0 0 repeat-x; }
			#menu_bar_l { background: url(img/menu_bar_l.png) 0 0 no-repeat; }
				#menu_bar_r { width: 100%; height: 38px; margin: 0; background: url(img/menu_bar_r.png) 100% 0 no-repeat; }
	.gutter_total { padding: 12px 22px 0 22px; }
		#content { float: left; width: 692px; margin: 0; overflow:hidden; }
		#sidebar_r { float: right; width: 170px; }
	
	#footer { width: 100%; height: 34px; margin-top:20px; background: url(img/footer.png) 0 0 no-repeat; text-align: center; line-height: 24px; }
		p#client { font-weight:bold; line-height: 24px; }
			p#client a { color: #999; text-decoration:none; }

p#credits { text-align:right; }
	p#credits a { color: #999; font-size:11px; padding-right: 24px; background: url(img/vision_izoizo.png) 100% 0 no-repeat; }
		p#credits a:hover { background-position: 100% -14px; color: #333; text-decoration: none; }
/****** GENERALES ******/
a {	color: #06C; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }
p { line-height:150%; }

div{background:none; margin:0; padding:0;}

h1, h2, h3, h4 { color:#333366; }
h1{	font-size: 26px; color:#336; font-weight: normal; margin: 0 0 8px 0; }
h2{	font-size: 16px; color:#336; margin: 8px 0; }
h3{	font-size: 13px;  margin: 6px 0; font-weight:bold; letter-spacing:1px; }
h4{	font-size: 13px; margin-bottom:2px; color:#666; font-weight:bold;}

hr { width:98%; height:1px; margin:16px auto; border: 0; color:#CCC; background-color: #CCC; }

/****** EXTRAS ******/
.izq { float:left; }
.der { float:right; }
.clear, .esp { clear:both; }
.centro { margin-left:auto; margin-right:auto; }

.aire { padding-top: 8px; padding-bottom: 8px; }
.gutter { padding: 8px; }

.un_tercio { width:33%; }
.dos_tercios { width:66%; }
.mitad { width:50%; }

.centrado { text-align:center }
.derechado { text-align:right }
.mediado { vertical-align:middle }

.sutil{ color:#666; }
.letra_pequena{ font-size:11px;}
.sutilisimo { color: #666; font-size: 11px; }

/****** MENU PRINCIPAL ******/
.menu_principal { margin: 0; padding: 0 0 0 64px; float:left; list-style: none; text-align: center; }
	.menu_principal li { display: inline; margin: 0; padding: 0 80px 0 0; line-height:30px; text-align:center; text-transform: uppercase; font-size: 13px; font-weight: bold; }
		.menu_principal li a { color:#F4F4F4; text-decoration:none; }
			.menu_principal li a:hover { color:#FFF; text-decoration:none; }
			.menu_principal li.active a { color:#FFF; }
				.menu_principal li.active a:hover { color:#FFF; }

/****** LISTAS ******/
#content ul, #content_inicio ul { list-style-image:url(img/list.gif); }

ul.biglist { padding: 0 0 16px 0; }
ul.biglist li { line-height: 200%; font-size:17px; font-weight: bold; font-style: italic; color: #336; list-style-image:url(img/biglist.gif); }

ul.check li { list-style-image:url(img/check.gif); }

/****** MODULOS ******/
.mod { margin-bottom: 16px; background-color: #F4F4F4; border:#CCC 1px solid; font-size: 11px; opacity:0.9; filter:alpha(opacity=90); }
	.gut_mod { padding: 6px; }
	.mod h3 { text-align: center; }
	.mod ul { padding-left: 20px; }

/****** EXTRAS ******/
.mini_mod { float:left; width:99%; margin: 0 auto 4px auto; padding:3px 0; font-size:13px; border: #CCC 1px solid; background-color:#FFF; }
	.mini_mod h5 { margin:0; padding: 2px 0; text-align:center; font-weight:bold; }
	.mini_mod ul { margin:0; padding: 0 0 0 16px; font-size:11px; line-height:150%; }
.cuadro { background-color:#FFF; }

/****** CONTENIDO ******/
h1.inicio { font-size: 18px; padding: 2px; text-indent: 6px; background-color: #E3E7F4; }
div#content { font-size:13px; }
div#content p { line-height:150%; margin: 12px 0; text-align: justify; }
div#content img { margin: 8px; padding: 4px; background: #FFF; border: #CCC 1px solid; }
	div#content img.simple { margin: 12px; background: none; border: none; }

div#content ul, div#content ol { line-height:150%; margin: 8px 0; padding-left: 20px; }
	div#content ul ul li { list-style-image: none; list-style-type: circle; }

input, select, textarea { margin: 3px 0; }

input[type=submit], input[type=button] { padding:3px; }

/****** TABLAS ******/
table { width:100%; }
.productos { border-collapse:collapse; border: #CCC 1px solid; margin:10px auto; background-color:#FFF; }
	.productos th { border-bottom: #666 2px solid; line-height:200%; }
	.productos td { border-bottom: #CCC 1px solid; line-height:150%; padding:4px; vertical-align:top; }
		.productos td.mediado { vertical-align:middle; }
		.productos td h4, .productos td ul { padding:0; margin:0; }
		.productos td ul li { list-style-image:url(img/check.png); }
.cuartos td { width:25%; }
.tercios td { width:33%; }
.celdas td { border: #CCC 1px solid; }

/****** FORMULARIOS ******/
fieldset { padding: 8px; }
	legend { font-weight: bold; }
	label { font-weight:bold; color:#666; }
	input[type=submit] { padding: 8px; font-weight:bold; }