@charset "utf-8";
* {	margin: 0px; padding: 0px;}
.clear {clear:both;}
.clearleft {display:block; clear:left;}
.clearright{display:block; clear:right;}
.hide {display:none;}

a {color:#ffa500;}
a:visited {color:#ffa500;}
a:active {color:#ffa500;}
a:hover {color:#ffa500; text-decoration:none;}
body {background: url(images/bg.jpg) repeat-x #FFFFFF;;}
#wrap{ width:699px; margin:0px auto 15px auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#666666;}

/*Header*/
#sitename {display:block; padding:15px 5px 0px 75px; font-size:13px; border-width: 0px}
#sitename span {float:right; font:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#000000;}

#flags a img {border-width: 0px}
#flags span {float:right; font:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#000000;}
#topbar {background-image:url(images/topbg.jpg); background-repeat:no-repeat; height:48px;}
#header {background-image:url(images/header-2.jpg); background-repeat:no-repeat;height:153px;}
#header {font-size:12px; font-weight: bold;}
#header .siteslogan {display:block; font: normal 20px Georgia, "Times New Roman", Times, serif; text-align:center; padding:45px 10px 0px 10px;}

/*Header Menu*/
#topmenu {display:block; list-style:none; padding:116px 10px 0px 10px;}
#topmenu li {display:inline;}
#topmenu a {display:block; float:left; height:28px; margin:0px 0px 0px 2px; text-decoration:none; padding:9px 5px 0px 5px; text-align:center;}
#topmenu a, #topmenu a:visited, #topmenu a:active {background:url(images/menu1.jpg) repeat-x; border-left:solid 1px #abca74; border-right:solid 1px #abca74; color:#E2E9C7;}
#topmenu a:hover{background:url(images/menu2.jpg) repeat-x; border-left:solid 1px #abca74; border-right:solid 1px #abca74; color:#ffffff;}
#topmenu .active a, #topmenu .active a:visited, #topmenu .active a:active{background:url(images/menu2.jpg) repeat-x; border-left:solid 1px #abca74; border-right:solid 1px #abca74; color:#669900;}

/*Content*/
#content {background:url(images/contentbg.jpg) repeat-y;}
#mainpage { width:465px; float:left; padding:5px 5px 5px 15px;}
#mainpage p {line-height:22px; margin:0px 0px 22px 0px;}
#mainpage blockquote {background:#efefef; display:block; margin:5px; font:Georgia, "Times New Roman", Times, serif; font-style:italic;}
{border-width:0;}
h2, h3, h4, h5, h6 {color:#669900; font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
h1 {color:#001aff; font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
#mainpage h1 {font-size:28px;}
#mainpage h2 {font-size:24px;}
#mainpage h3 {font-size:20px;}
#mainpage h4 {font-size:18px;}
#mainpage h5 {font-size:16px;}
#mainpage h6 {font-size:14px;}
.postlist {list-style:none; margin:0px}
.postlist li {display:block; padding:0px; border-bottom: dashed 1px #D6E4A7;}
.subhead{font-size:12px; color:#669900; font-weight:bold; display:block; margin:0px; background:#F4F7EA; margin:10px 0px 0px 0px; padding:2px;}
.postlist a,.postlist a:visited, .postlist a:active {display:block; padding:3px 3px 3px 25px; background: url(images/bullet.jpg) no-repeat 3px #F7FAEF; color:#666666; text-decoration:none;}
.postlist a:hover { background: url(images/bullet2.jpg) no-repeat 3px #FFFEE6; color:#000000; text-decoration:none;}
#content #mainpage ol {margin:10px 10px 10px 25px;}
#content #mainpage ol li {padding:5px 5px 5px 20px;}
#content #mainpage ul li {display:block; padding:0px; border-bottom: dashed 1px #D6E4A7;}

/*Fotos*/
#fotos {background:url(images/contentbg.jpg) repeat-y;}
#mainpage2 { width:680px; float:left; padding:5px 5px 5px 15px;}
#mainpage2 p {line-height:22px; margin:0px 0px 22px 0px;}
#mainpage2 blockquote {background:#efefef; display:block; margin:5px; font:Georgia, "Times New Roman", Times, serif; font-style:italic;}
{border-width:0;}
h2, h3, h4, h5, h6 {color:#669900; font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
h1 {color:#001aff; font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
#mainpage2 h1 {font-size:28px;}
#mainpage2 h2 {font-size:24px;}
#mainpage2 h3 {font-size:20px;}
#mainpage2 h4 {font-size:18px;}
#mainpage2 h5 {font-size:16px;}
#mainpage2 h6 {font-size:14px;}
.postlist {list-style:none; margin:0px}
.postlist li {display:block; padding:0px; border-bottom: dashed 1px #D6E4A7;}
.subhead{font-size:12px; color:#669900; font-weight:bold; display:block; margin:0px; background:#F4F7EA; margin:10px 0px 0px 0px; padding:2px;}
.postlist a,.postlist a:visited, .postlist a:active {display:block; padding:3px 3px 3px 25px; background: url(images/bullet.jpg) no-repeat 3px #F7FAEF; color:#666666; text-decoration:none;}
.postlist a:hover { background: url(images/bullet2.jpg) no-repeat 3px #FFFEE6; color:#000000; text-decoration:none;}
#content #mainpage2 ol {margin:10px 10px 10px 25px;}
#content #mainpage2 ol li {padding:5px 5px 5px 20px;}
#content #mainpage2 ul li {display:block; padding:0px; border-bottom: dashed 1px #D6E4A7;}


/*Tables*/
table { width:98%; border:solid 3px #CCCCCC; background:#efefef;}
th {background: #FFFFCC; padding:3px; border-bottom:dashed 1px #CCCCCC; text-align:left;}
td {padding:3px;}

/*forms*/
form {margin:0; padding:0;}
.textfield {width:190px; background-color: #F3F4E8; margin:0px;	border: 0px solid #D6D9AE;}
.button {display: block; padding:0px; background-color:#E3E6C8; margin:3px;	border: 2px solid #efefef; color:#999933;}
.textfield:hover {background:#FBFCF8;}
.textfield:focus {background:#ffffff;}

/*gallery*/
.gallery {background:#efefef; margin:0px 0px 5px 0px; padding:3px;}
.gallery .box {display:block; height:100px; float:left; width:86%; padding:5px 5px 5px 5px; margin:4px; background:#ffffff; text-align:center;}
.box img {background:#efefef; padding:5px;}
.box .caption {display:block; text-align:center;}
.box a img, .box a:visited img, .box a:active img {border:solid 1px #cccccc;}
.box a:hover img {border:solid 1px #000000;}

/*Sidebar*/
#sidebar { margin:0px 0px 0px 465px; background:url(images/sidebarbg.jpg) repeat-y;}
#sidebarcontents {padding:5px 15px 5px 25px;}
#sidebarbottom {background:url(images/sidebarbottom.jpg) no-repeat 0px; height:74px;}

/*Tablas con Div*/

div.tabla
{
	clear: none;
	overflow: auto;
	margin-left: 60px;
}

div.fila
{
	clear: both;
}

div.col_titulo
{
	float: left;
	padding: 5px;
	background: #F3F4E8;
	border-color: #E3E6C8;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}

div.col
{
	float: left;
	padding: 5px;
	border-color: #E3E6C8;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}


/*footer*/
#footer {background:url(images/footer.jpg) no-repeat; height:36px; padding:10px; color:#FFFFFF;}
#credit {font-size:10px; padding:3px;}


/*Gallery container*/
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid green;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
position: relative;
visibility: visible;
top: 100;
left: -400px; /*position where enlarged image should offset horizontally */
z-index: 50;
}