body {
	margin: 0;padding: 0;
	color: #303030;
	background: #fafafa url("/images/bg_nino.gif") repeat;
	font: normal 14px "Lucida Grande",Futura, "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


ul {
	font: 14px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: disc;
	list-style-image: url(/images/bullet.png);
	list-style-position: outside;
	text-align: justify;
	left: 0;
}

li {
	margin: 0 0 8px 25px;
}

a {
	color: #d85d5d;
	font-weight: bold;
	text-decoration: none;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a:hover {
	color: #505050;
	text-decoration: underline;
}

/**************** Sidebar area styles ****************/

#sidebar {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 100%;
	overflow: visible;
	background: #fdecf1 url("/images/sidebarbg.gif") repeat-y right;
	text-align: right;
}

/* My Comment */

body > #sidebar {
	position: fixed;
}

#sidebar h1 {
	margin: 20px 18px 18px 5px;
	color: #39357a;
	font-size: 20px;
	text-align: right;
}

#sidebar h2, #sidebar h3 {
	margin: 0 20px 18px 5px;
	color: #e9296e;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

#sidebar h3 {
	margin: 20px 18px 4px 5px;
	color: #606060;
}

#sidebar  p {
	margin: 0 20px 18px 5px;
	color: #606060;
	font-size: 12px;
}


#sidebar a {
	color: #808080
}

#sidebar img {
	float: left;
	margin: 10px 15px 15px 10px;
	padding: 1px;
	background: none;
	border: 0;
}
#sidebar #trinity img{ 
	clear:both;
	float:right;
}
#sidebar #infopai2{
	clear:both;
	float:right;
}
#sidebar #autor{
	clear:both;
	float:right;
}

/**************** Navigation menu styles ****************/

#menu a {
	display: block;
	width: 202px;
	padding: 5px 18px 5px 0;
	color: #39357a;
	background: #fdecf1 url("/images/sidebarbg.gif") top right repeat-y;
	font-size: 24px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: -1px;
}

#menu a:hover {
	color: #fff;
	background: #39357a url("/images/sidebarbg.gif") repeat-y right;
}

#menu a.active {
	padding: 5px 18px 5px 0;
	background: #fafafa;
	border-top: 2px solid #e9296e;
	border-bottom: 2px solid #e9296e;
	color: #db9226;
}

#menu a.active:hover {
	color: #e9296e;
	background: #fafafa;
}
#menu a.azul{
	background-color: #39357a;
	color: #fff;
}
#menu a.rosa{
	background-color: #e9296e;
	color: #fff;
}
#menu a.verde{
	background-color: #26b11e;
	color: #fff;
}
#menu a.amarillo{
	background-color: #f6a42b;
	color: #fff;
}
/**************** Content area styles ****************/

#content {
	width:760px;
	margin: 0 0 0 220px;
	padding: 2px 10px 0 10px;
	background: #fafafa url("/images/sidebarbg.gif") repeat-y right;
	font-family: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


#content p {
	margin: 10px 0 20px;
	font: 16px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: justify;
}

#content h1 {
	margin: 20px 0 5px 0;
    color: #d85d5d;
	letter-spacing: -2px;
	font: 28px/30px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#content h2 {
	margin: 20px 0 5px 0;
	color: #f6a42b;
	letter-spacing: -1px;
	font: normal 24px/28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#content h3 {
	clear: both;
	margin: 20px 0 5px 0;
	color: #39357a;
	font: normal 18px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#content label{
	width:250px;
	display:block;
	float:left;
	text-align:right;
	padding-right:10px;
}

#content input,select,textarea {
	border:1px solid #e9296e;
	color:#39357a;
	background-color:#fdecf1;
	width:300px;
}

#content input.boton{
	width:130px;
}
#content p.margen260{
	margin-left:260px;
}


/* Gallery */
#mygallery{
	margin-bottom:10px;
}
/* Block quote */
#content .slogan {
	text-align: center;
	color: #e9296e;
	display: block;
	margin: 40px 0 40px 0;
	font: italic bold 28px/26px Georgia, "Times New Roman", Times, serif;
}
.centrado
{
	text-align: center;
}
img.derecha {
	padding: 10px;
	float: right;
}
img.izquierda {
	padding: 10px;
	float: left;
}
p.copyright{
	border-top:1px solid #afafaf;
	padding:4px;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #afafaf;
	letter-spacing: -1px;
	clear: both;
}

p.copyright span{
	padding-left:250px;
}
.bloque{
	clear: both;
}
a.ligaexterna{
	background: url("/images/ligaexterna.png") no-repeat;
	padding-left: 20px;
	text-decoration: none;
	color: #047;
}
a.ligaexterna{
	text-decoration: underline;
}
a.leer{
	background: url("/images/leer.png") no-repeat;
	padding-left: 20px;
	text-decoration: none;
	text-transform: uppercase;
	color: #047;
}
a.leer{
	text-decoration: underline;
}

#listado{
	width:100%;
	margin-left:4px;
}
#tipdeldia{
	width:100%;
	clear:both;
	border: 1px solid #e1e1e1;
	padding: 20px;
}


img.boletin{
	width:100%;
}
.citas{
    text-align:right; 
    font: italic normal normal 20px/24px Times,"Times New Roman",Georgia,Arial, sans-serif;
    display:block;
}
.autor{
    text-align:right; 
    font: normal normal bold 22px/24px Times,"Times New Roman",Georgia,Arial, sans-serif;
    margin:0 0 40px 0;
    display:block;
}

.centrado{
	margin:0 auto;
	text-align:center;
	display:block;
	width:300px;
} 
img.derecha{
	float:right;
	width:400px;
	margin:0 0 20px 20px;
	padding:0;
	border:2px solid orange;
}
img.izquierda{
	float:left;
	width:400px;
	margin:0 20px 20px 0;
	padding:0;
	border:2px solid orange;
}
p.span{
	text-weight:bold;
} 
p.derecha{
	display:block;
	float:right;
}
p.derecha a{
	padding:4px 10px 4px 40px;
}
.regresar{
	background: url(/images/left.png) no-repeat 5px 0;
}
.subir{
	background: url(/images/up.png) no-repeat 5px 0;
}
 
.contacto{
	background: url(/images/contacto.png) no-repeat 5px 0;
}
#detalles img{
	float:left;
	width:400px;
	margin:10px;
	border:1px solid black;
}



/* Carrusel */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid #e9296e;
overflow: scroll; /*leave this value alone*/
width: 750px; /*Width of Carousel Viewer itself*/
height: 188px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}