@charset "UTF-8";

/* Occidente v3
Versión 3, Agosto de 2010. Creada por Andrey Fuentes
General */

@import url("reset.css");

/********************************************************************** HTML */
body {
	background:#999 url('imagenes/fondo.gif') repeat scroll center top;
	color:#000;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:10pt
}

h1, h2, h3, h4 {
	font-weight:bold;
	text-align:left
}
h1 {
	color:#06C;
	font-size:24px;
	padding-left:5px;
	padding-top:5px
}
h2 {
	border-bottom:1px #06F solid;
	color:#06F;
	font-size:18px;
	padding:8px 0px
}
h3 {
	color:#09F;
	font-size:16px;
	padding:8px 0px
}

h4 {
	color:#0CF;
	font-size:small;
	padding:8px 0px
}
p {
	line-height:1.2;
	margin:0 auto 1em auto
}
a {color:#06C}
a:hover {color:#000;}
li {line-height:1.2}
/****************************************************************** FIN HTML */

#page{
	background:url('imagenes/fondopage.png') repeat-y center top
}

#encabezado {
	background:#999 url('imagenes/paginaprincipal/encabezado.jpg') no-repeat scroll center top;
	margin:auto;
	text-align:left;
	width:790px;
	height:175px
}

#encabezado ul {
	float:right;
	list-style:none;
	margin:126px 16px 0 0;
	padding:0
}
#encabezado ul li {
	padding:0;
	float:left
}
#encabezado ul li a {
	display:block;
	width:48px;
	height:48px;
	padding:0;
	text-decoration:none
}
#encabezado ul li a span {
	display:none
}

.linkho {
	background:url('imagenes/paginaprincipal/social.jpg') no-repeat scroll 0px bottom
}
a.linkho:hover { background-position:0 top}
.linkem {
	background:url('imagenes/paginaprincipal/social.jpg') no-repeat scroll -48px bottom
}
a.linkem:hover { background-position:-48px top}
.linkfb {
	background:url('imagenes/paginaprincipal/social.jpg') no-repeat scroll -96px bottom
}
a.linkfb:hover { background-position:-96px top}


#contenedor {
	margin:auto;
	width:760px
}

#colizq {
	background:#06C url('imagenes/paginaprincipal/navizq.jpg') no-repeat scroll center bottom;
	float:left;
	text-align:right;
	width:200px;
	height:560px
}

#contenido {
	background:#FFF;
	float:left;
	padding-left:5px;
	width:555px
}

#contenidoev {
	background-color:#FFF;
	margin-left:200px;
	padding-left:5px;
	text-align:left
}

#contenidoev img {
	float:left;
	margin-right:4px
}

#contenidoev p {
	height:120px
}

.directorio {
	float:left;
	position:relative;
	width:185px;
	height:150px;
	text-align:center
}

.notas {
	color:#333;
	font-size:11px;
	margin-top:5px
}

.notas img {
	margin:0 auto 2px auto
}
.notas td {
	padding:2px 10px 2px 5px;
	vertical-align:top;
/*	width:260px;*/
	width:50%
}

#pie {
	background:#999 url('imagenes/paginaprincipal/pie.png') no-repeat scroll center top;
	font-weight:bold;
	margin:auto;
	clear:both;
	width:790px;
	height:104px
}
.pienav {
	line-height:30px;
	margin:0 20px
}
#pie a {
	color:#900
}
#pie a:hover {
	color:#F00
}
.pietex {
	color:#FFF;
	font-size:11px;
	margin:10px 20px 0 20px
}

/********************************************************************* TEXTO */
.pagopuntual {
	background:#FD0;
	border:1px #800000 solid;
	color:#C00;
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0;
	text-align:center;
	width:540px
}

.caracteristica {
	color:#309;
	font-weight:bold
}

.puesto {
	color:#F00;
	font-size:10px
}

/********************************************************************* LINKS */
.fotohd, a.fotohd:link {
	color:#CCC;
	cursor:url(zoomin.cur), pointer;
	font-family:Impact;
	font-size:13px;
	font-style:italic;
	line-height:20px;
	padding:0;
	margin:0
}

a.fotohd:hover {
	color:#FFF
}

a.fotohd img {
	border:4px solid #CCC
}
a.fotohd:hover img {
	border:4px solid #666
}

.nav {
	color:#FFF;
	font-size:18px;
	list-style:none;
	margin:0;
	padding:0 5px 0 0;
	text-align:right
}
.nav ul {
	font-size:small;
	list-style:none;
	padding-right:10px
}
.nav ul a {
	color:#FFF;
	text-decoration:none
}
.nav ul a:hover {
	color:#FF0
}

/******************************************************************** TABLAS */
.costtab {
	border:2px #800000 solid;
	border-spacing:2px;
	border-collapse:separate;
	margin:10px auto;
	width:500px
}
.costtab th {
	background:#900;
	color:#FFF;
	padding:2px
}
.costtab td {
	padding:2px;
	vertical-align:middle
}
.costreng {
	background:#CCC
}