@import url(navbar.css);
* { margin:0; padding:0; }
html {
	background:white url(../images/bg-page.gif) top repeat-x;
	font:12px Verdana, Geneva, Arial, helvetica, sans-serif;
	letter-spacing:0;
	color:#222121;
	text-align:center;
	line-height:18px;
}

/* general */
a img { border:0; }
a:link, a:visited {
	color:#A31387;
	text-decoration:none;
}
a:hover {
	color:#A9208E;
	text-decoration:underline;
}

h1,h2,h3,h4,h5 {
	color:#A31387;
	font-weight:normal;
	text-align:left;
}
h1 { font-size:18px; line-height:22px;}
h2 { font-size:18px; margin-bottom:16px;}
.titulo-h1 { font-size:18px; margin-bottom:0;color:#A31387;font-weight:normal;text-align:left;}
.titulo-h2 { font-size:12px; margin-bottom:16px;color:#A31387;font-weight:normal;text-align:left;}
h3 { font-size:14px; line-height:18px; margin-bottom:6px; }
h4 {}
h5 {}

.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.clear { clear:both; }
.error { color:red; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.ver-mas{border:none;text-align:right;margin:0 0 12px 0}

/*
.ver-mas a {background-color:#A31387;color:White !important;padding:2px 8px 2px 8px;border:1px solid #A31387;font-size:11px;}
.ver-mas a:hover {background-color:#1877BC;color:White !important;text-decoration:none;}
*/

.link-contacto:hover{color:#FFD9F8 !important;text-decoration:underline !important;}

/* page wrapper */
#wrapper {
	border:1px solid black;
	border-top:none;
	text-align:left;
	width:778px; /* casi siempre son 22 pixels menos que la resolución mínima */
	margin:auto;
}

/* header */
#header {
	background:white url(../images/bg-header.jpg) right no-repeat;

	height:150px;
}
#logo { margin:22px 19px; }

/* body wrapper */
#bodyWrapper { background:white url(../images/bg-content-border.gif) repeat-y; }

/* left sidebar */
#leftSidebar {
	float:left;
	width:216px;
	padding:16px;
	padding-top:24px;
	padding-bottom:24px;
	overflow:hidden;
}
#leftSidebar .nota {
	margin:8px 0 0 0;
	font-size:11px;
	line-height:16px;
}
#leftSidebar .nota .nota-resumen{
	margin:0 0 8px 0;
}
#leftSidebar .border-bottom {
	border-bottom: 1px dotted #000000;
}
#leftSidebar .nota h3 { font-size:12px;margin-bottom:0px; font-weight: bold;}
#leftSidebar .banner {
	text-align: center;
	width: 100%;
	margin-bottom: 25px;
	overflow: hidden;
}
#leftSidebar .banner img { border:4px solid #A31387; }
#leftSidebar .list {
	color:#DFA8D3;
	list-style:square;
	list-style-position:inside;
}
#leftSidebar .list li { margin-top:14px; }

#leftSidebar .medio {
	font-size: 10px;
	color: #999999;
}


/* content*/
#content {
	background:url(../images/bg-content.jpg) top left repeat-x;
	text-align:justify;
	float:right;
	width:482px;
	min-height:360px;
	padding:24px 24px 50px 24px;
	position:relative;
	overflow:hidden;
}
#content h1, #content p { margin-bottom:24px; }
#content img { border: none; margin:8px; } 
#content img.left { margin:0 12px 12px 0; }
#content div.images {
	text-align:center;
	margin-bottom:24px;
}
#content #notas	{
	color:#DFA8D3;
	list-style:square;
	margin-left:14px;
}
#content .nota-item	.nota-item-texto{
	margin:0 0 0 14px;
}
#content .nota-item	.nota-item-texto p{
	margin:0 0 12px 0;
}
#content .nota-item {
	border-bottom: 1px dotted #000000;
	margin-top: 10px;
}
#content #notas li {margin-top:24px;}
#content #notas li p {color:#222121;}
#content #notas .align-right {margin-top:-23px;}
#content #paginador {text-align:center; margin-top: 10px;}
#content #paginador p {display:inline;}
#content #paginador #prev, #content #paginador #sig {width:80px;}
#content #paginador #prev {text-align:left;float:left;}
#content #paginador #sig  {text-align:right;float:right;}
#content ul {margin:0 0 24px 20px;}
#content ul li{margin:0 0 2px 0;}

/* footer */
#footer {
	background-color:#BD54A8;
	color:white;
	text-align:center;
	font-size:0.8em;
	letter-spacing:0;
	position:relative;
	padding:10px;
}
* html #footer { zoom:1; } /* IE6 fix para posicionamiento absoluto */
#footer #syxlogo {
	position:absolute;
	right:15px;
	bottom:15px;
}
#footer p { margin-top:2em; }
#footer #bottomlinks { list-style-type:none; }
#footer #bottomlinks li a { color:white; }
#footer #bottomlinks li {
	font-size:1.2em;
	display:inline;
	margin-right:1.6em;
}
#footer a {
	color: #FFFFFF;
}

.Izquierda  { float:left; }
.Derecha { float:right; }

