/* CSS */


* {
	margin:0px;
	padding:0px;
}


html, body {
	background: url(images/bg2.jpg) left top repeat-y #FD9B00;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	font: 90%/140% "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
}

abbr, acronym {
	cursor: help;
	border-bottom: 1px dashed #333;
}

address {
	margin-top: 10px;
	margin-left: 80px;
	font: 100%/150% "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
}

address span {
	margin-bottom: 10px;
	margin-left: -30px;
	background: url(images/fondo.jpg) left top repeat-y #FD9B00;
	font: 130%/160% "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	font-weight: bolder;
	color: #A70707;
}

dl {
	margin-top: 20px;
	margin-bottom: 20px;
}

dt {
	font: 100%/140%;
	font-weight: bolder;
	text-decoration: none;
	border: 2px solid #eee;
	padding: 3px;
	padding-left: 10px;	
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

dd {
	font: 90%/150%;
	border-left: 2px solid #eee;
	padding-top: 5px;
	padding-left: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#explicacion ul {
	font: 100%/150%;
	font-weight: bolder;
	margin-left: 15px;
}

#explicacion li {
	padding: 2px;
	margin-left: 20px;
	list-style: none;
}

div#cabecerainfo h1, div#cabeceracon h1, div#cabeceracli h1, div#cabeceraservi h1,
div#cabecerainfo h2, div#cabeceracon h2, div#cabeceracli h2, div#cabeceraservi h2,
div#menu h3 {
	display: none;
}

div#contenedor {
	display: block;
}

div#intro {
	display: block;
}

/* @media screen */
	div#cabecerainfo, div#cabeceracon, div#cabeceracli, div#cabeceraservi, div#direccion {
		position: fixed;
	}
		
	* html div#cabecerainfo, * html div#cabeceracon, * html div#cabeceracli, 
	* html div#cabeceraservi, * html div#direccion {
		position: absolute;
	}
/* ............. */


div#cabecerainfo {
	left: 0;
	top: 0px;
	width: 200px;
	height: 320px;
	background: url(images/headerinfo.jpg) left top no-repeat;
}

div#cabeceracon {
	left: 0;
	top: 0px;
	width: 200px;
	height: 320px;
	background: url(images/headercon.jpg) left top no-repeat;
}

div#cabeceracli {
	left: 0;
	top: 0px;
	width: 200px;
	height: 320px;
	background: url(images/headercli.jpg) left top no-repeat;
}

div#cabeceraservi {
	left: 0;
	top: 0px;
	width: 200px;
	height: 320px;
	background: url(images/headerservi.jpg) left top no-repeat;
}

div#direccion {
	left: 0;
	top: 305px;
	width: 185px;
	color: #000;
	font-size: 95%;
	line-height: 130%;
	padding: 7px;
}

div#direccion span {
	font-size: 130%;
	line-height: 130%;
	font-weight: bolder;
}

div#direccion a {
	font-weight: bold;
	color: #FFE6F0;
}

div#direccion a:hover {
	color: #000;
}

div#contenido {
	margin-left: 400px;
	padding: 10px;
	padding-left: 20px;
	padding-bottom: 0;
}

div#preambulo {
	margin-left: 0px;
	padding: 10px;
	padding-left: 0px;
	padding-bottom: 0;
}

div#preambulo h3, div#contenido h3, div#explicacion h3 {
	display: block;
	background: url() left top repeat #A70707; 
	margin: 0;
	padding: 0;
	padding-left: 20px;
	color: #FFF;
	font-size: 110%;
	line-height: 170%;
	text-transform: lowercase;
}

div#preambulo p {
	color: #000;
}

div#contenido p {
	color: #000;
}

div#inicio {
	margin-left: 400px;
	padding: 10px;
	padding-left: 20px;
	padding-bottom: 0;
}

div#inicio h2 {
	color: #333;
	margin-top: 18px;
	margin-bottom: 10px;
}

div#inicio p {
	color: #333;
	margin-top: 12px;
	margin-bottom: 7px;
}

div#fondo {
	margin-left: 402px;
	margin-top: 0px;
	height:500px;
	background: url(images/inicio.gif) left top no-repeat;
}

div#explicacion h2 {
	color: #000;
	margin-top: 4%;
	margin-bottom: 4%;
}

div#explicacion p {
	color: #000;
	margin-top: 2%;
	margin-bottom: 2%;
}

div#explicacion img {
	border: 0;
}

div#preambulo a, div#contenido a {
	color: #000;
}

div#preambulo a:hover, div#contenido a:hover {
	color: #FFF;
}

div#preambulo img {
padding: 5px;
margin-right: 10px;
background-color: #f1f1f1;
border: 1px dotted #F21B18;
}

div#intro img {
border: 0;
margin-top: 10px;
}

div#preambulo abbr, div#preambulo acronym, div#contenido abbr, div#contenido acronym {
	border-bottom: 1px dotted #000;
}

div#footer {
	display: block;
	height: 18px;
	background: url() left top repeat #333;
	padding: 1px;
	padding-top: 3px;
	font-size: 95%;
	line-height: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
}

div#footer ul li {
	display: inline;
	line-style-type: none;
}

div#footer ul li span {
	color: #FFF;
}

div#footer a {
	color: #FFF;
	font-weight: bold;
}

div#footer a:hover {
	color: #A70707;
}

div#menu {
	position: absolute;
	left: 200px;
	top: 10px;
	width: 200px;
	font-family: "Lucida Grande", Verdana, Baskerville, Georgia, Garamond, Times New Roman, serif;
}

div#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#menu ul {
	list-style: none;
}

div#menu ul li {
	border-bottom: 1px solid #CCC;
}

div#menu ul li a {
	display: block;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bolder;
	font-size: 12px;
	color: #A70707;
	text-transform: uppercase;
	text-decoration: none;
}

div#menu ul li a:hover {
	background-color: #333;
	color: #FFF;
}

div#menu img {
	margin-top: 20px
}

div#menu div#menuprin, div#menu div#menusec {
	display: block;
	margin-top: 10px;
}

div#menu div#menuprin h3, div#menu div#menusec h3 {
	display: block;
	height: 35px;
	width: 100%;
	margin: 0;
	padding: 0;
}

div#menu div#menuprin h3 span, div#menu div#menusec h3 span {
	display: none;
}

div#menu div#menuprin h3 {
	background: url(images/menu.gif) left top no-repeat;
}

div#menu div#menusec h3 {
	background: url(images/network.gif) left top no-repeat;
}

div#menugender li {
display: inline;
}

div#menugender a {
color: #000;
background-color: #f1f1f1;
line-height: 30px;
border: 1px solid #333;
padding: 4px;
margin-right: 3px;
font-weight: bolder;
font-size: 11px;
color: #A70707;
text-transform: uppercase;
text-decoration: none;
}

div#menugender a:hover {
	background-color: #A70707;
	color: #FFF;
}