/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0 auto;padding:0;}
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}
body {background: url(../images/bg/fondo.gif) repeat-y center; font-family:Arial, Helvetica, sans-serif;}

body > #wrap {height: auto; min-height: 100%;}

#cabecera_superior{
	height:25px;
	width:100%;
	background:url(../images/bg/fondoBarra.png) repeat-x;
	border-bottom: solid 1px #969696;
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	/*font-weight: bold;*/
}
 
 ul.links_idiomas { float:left; margin-top:6px; font-size:0.7em;}
 ul.links_idiomas li {display:inline; padding-right:10px;padding-left:10px;border-right:1px solid #999}
 ul.links_idiomas li a {text-decoration:none; color:#FFF;}
 ul.links_idiomas li a:hover {text-decoration:underline;}
 
 
 ul.links_superiores { float:right; margin-top:6px; font-size:0.7em;}
 ul.links_superiores li {display:inline; padding-left:10px;padding-right:10px;border-left:1px solid #999}
 ul.links_superiores li a {text-decoration:none;color:#FFF;}
 ul.links_superiores li a:hover {text-decoration:underline;}

#main {
	padding-bottom: 46px;
	width: 900px;
}  /* must be same height as the footer */


#container {
	width: 900px;
	min-height:100%;
	margin: 0 auto;
	padding: 0;
	
	
}

#header {

	padding-left:1px;
}

#nav {
	margin-left:8px;
	margin-right:20px;
}

#main2 {
	width: 640px;
	float: left;
	padding: 5px 10px 20px 15px;
	border-right: 1px dotted #d0d0d0;
}


#main2 p{
	text-align:justify;
	font-size:0.8em;
	line-height:20px;
	margin-bottom: 10px;
}

#main2 img {
	float:left;
border:none;
}

#main2 ol {
text-align:justify;
margin-left:20px;
font-size:0.8em;
line-height:20px;
}

#main2 ul {
text-align:justify;
margin-left:40px;
font-size:0.8em;
line-height:20px;
}


#main2 h1 {
	color:#193e72;
        margin-top:15px;
        margin-bottom:5px;
}

#main2 h2 {
	color:#193e72;
        margin-top:15px;
        margin-bottom:5px;
}
#main2 h3 {
	color:#193e72;
        margin-top:15px;
        margin-bottom:5px;
}

#main3 {
	width: 870px;
	float: left;
	padding: 5px 15px 20px 15px;
}

#main3 p{
	text-align:justify;
	font-size:0.8em;
	line-height:20px;
	margin-bottom: 10px;
}

#main3 ol {
text-align:justify;
margin-left:20px;
font-size:0.8em;
line-height:20px;
}

#main3 ul {
text-align:justify;
margin-left:40px;
font-size:0.8em;
line-height:20px;
}

#main3 img {
	float:left;
}
#main3 h1 {
	color:#193e72;
        margin-top:15px;
        margin-bottom:5px;
}

#main3 h2 {
	color:#193e72;
        margin-top:15px;
        margin-bottom:5px;
}
#main3 h3 {
	color:#193e72;
        margin-top:15px;
        margin-bottom:5px;
}

#sidebar {
	width:215px;
	float:right;
	padding: 5px 0 0 0;
	margin-right:10px;
        margin-left:5px;
        font-size:13px;
}

#sidebar h3 {
	color:#193e72;
	font-size:17px;
	margin-bottom:5px;
	border-bottom:1px solid #e5e5e5;
}

#sidebar strong {
	font-size:13px;
}

#sidebar p {
	text-align:justify;
	font-size:11px;
}

#sidebar a {
	text-decoration:none;
	color:#c7962d;
}

#sidebar ul {
   list-style: none;
}

#ditto_summaryPost h3{
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:0px;
	color:#959595;
}
#ditto_summaryPost h2{
	font-size:17px;
}
#ditto_summaryPost a {
	text-decoration:none;
	color:#193e72;
}

#ditto_summaryPost a:hover {
	text-decoration:none;
	color:#c7962d;
}

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 9px;
    color: #618100;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #193e72;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #193e72; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #193e72; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #000000;
} 
#ditto_pages a:hover {
    background-color: #193e72;
    color: #ffffff;
}
#reflect_example {
    width: 200px;
}
#reflect_example h3 {
    display: none;
}
#reflect_example ul {
    list-style: none;
}
.reflect_archive_list ul {
    list-style: none !imporant; 
    margin-left: 0px; 
    padding-left: 0;
}
.reflect_archive_list ul ul{
    margin-left: 0px; 
list-style: none;
} 
.reflect_archive_list ul ul li {
	margin-top: -5px;
	margin-bottom: 0.8em;
list-style: none;
}
.reflect_archive_list li a {	
	display:block;
	padding:5px 5px 5px 10px;
	margin:0 0 1px 0;
	background-color:#f6f6f6;
	border-right:10px solid #fff;
	color:#666;
	text-decoration:none;
	border-left:2px solid #ddd;
list-style: none;
}
.reflect_archive_list li a:hover {
	background-color:#eee;
	color:#333;
	border-right:10px solid #eee;
list-style: none;
}

.B_crumbBox {
	font-size:11px;
}

#slider {
    width: 640px; /* important to be same as image width */
    height: 200px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */






	margin-bottom:15px;
margin-top:10px;
}

#slider ul {
margin-left:0;
list-style-type:none;
}

#sliderContent {
    width: 640px;
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 640px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 253px;
}
.right {
	right: 0;
	bottom: 0;
	width: 110px !important;
	height: 253px;
}

#footer {position: relative;
	margin-top: -46px; /* negative value of footer height */
	height: 46px;
	clear:both;
	background: #f0f1f3 url(../images/bg/fondoFooter.gif) repeat-x;
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	width: 898px;
	color:#3c3c3c;
} 
#footer img{border:none;} 

 ul.linksDerecha { float:left;font-size:0.6em; color:#3c3c3c;margin-top:18px;margin-left:19px;}
 ul.linksDerecha li {display:inline;border-right:1px solid #999}
 ul.linksDerecha li a {text-decoration:none; color:#FFF;}
 ul.linksDerecha li a:hover {text-decoration:underline;}
 
 ul.linksIzq { float:right;margin-top:4px;padding-right:7px;text-decoration:none}
 ul.linksIzq li {display:inline;}
 ul.linksIzq li a {text-decoration:none;color:#FFF;}
 ul.linksIzq li a:hover {text-decoration:none;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	


/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#fff url(../images/bg/fondoAcordeon.jpg) repeat-y;
	width: 100%;
	border:1px solid #333;
}

/* accordion header */
#accordion h2 {
	background:#ccc url(../images/bg/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
#accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	padding:15px;
	color:#555;
	font-size:14px;
}
#accordion div.pane a {
	color:#333;
        text-decoration:none;
}

#accordion div.pane a:hover {
	color:#000;
        text-decoration:underline;
}

#accordion div.pane img {
	float:left;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 0px 0;
	font-size:16px;
	color:#555;
} 
#accordion div.pane h4 {
	margin:0 0 5px 0;
} 
/* a title inside pane */
#accordion div.pane p {
	line-height:15px;
} 
/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 650px;	 
	height:500px;	
        font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
}
 
/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	border:1px solid #222;
}
 
/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}
 
 
 
/* single item */
#thumbs div {
	float:left;
	width:214px;
	height:500px;
	background:#333 url(../images/bg/h150.png) repeat-x 0 146px;
	color:#fff;
	border-left:1px solid #333;border-right:1px solid #333;
	cursor:pointer;

}
#thumbs img{
	margin-bottom:12px;
}
 
/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#444;	
}
 
/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#066;
	cursor:default;
}
 
#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;	
        text-align:left;
}
 
#thumbs h3 em {
	font-style:normal;
	color:yellow;
}