/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
.relative {position:relative}
/* Global properties */
body {background:#eaeaea;border:0;font:14px Arial, Helvetica, sans-serif;color:#000;line-height:20px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3 {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure */
.main {margin:0 auto;width:1100px;}
.body1 {background:url(../images/bg_img2.jpg) center 560px no-repeat #eaeaea}
.body2 {background:url(../images/bg_top_img2.jpg) center 560px no-repeat #eaeaea}
.body3 {background:url(../images/bg_top_img.jpg) top center no-repeat}
.body4 {background:#eaeaea}
/* main layout */
a {color: #389bbc;text-decoration: none;outline:none}
a:hover {text-decoration:none}
h1 {padding:3px 0 0 0px;float:left}
h2 {font-size: 30px;line-height: 1.2em;color:#0f0f0f;padding:1px 0 17px 10px;letter-spacing:-1px}
h2 span {color: #389bbc
}
p {padding-bottom:20px}
#bio {
	padding-left: 15px;
	font-size: small;
}
#titulo{
	text-decoration: underline;
	font-weight: bold;
}
#bio ul {
	padding-bottom: 28px;
}
#bio li {
	display:block;text-decoration:none;background:url(../images/esq_marker.png) 0 4px no-repeat;padding-bottom:0px;padding-left:20px
}

#bio li ul {
	padding-bottom: 0;padding-left: 35px;
}
#bio li ul li {
	display:block;text-decoration:none;background:url(../images/marker_1.gif) 0 	7px no-repeat;padding-bottom:0px;
}
/* header */
header {height:px;color:#ffffff}
#logo {display:block;background:url(../images/logi.png) 0 0 no-repeat;width:376px;height:154px;text-indent:-9999pxmargin-left: -1px;
}
#menu {float:right;padding: 135px 0 0
}
#menu li {float:left;padding-right:28px}
#menu .end {padding-right:0}
#menu li a {display:block;font-size:16px;color:#fff;text-decoration:none;background:url(../images/menu_marker.png) 0 6px no-repeat;padding-left:20px}
#menu li a:hover, #menu #active a {color:silver}
#gallery {position:relative;height:400px}   
#gallery img {display: block;width:100%;height:100%}
#gallery li {}
/* content */
#content {padding-bottom:59px}
#content2 {padding-top:39px;color:#fff;padding-bottom:60px}
#content2 h2 {color:#fff}
.pad_left1 {padding-left:0px}
.pad {padding:0 10px}
.pad_bot1 {padding-bottom:14px}
.pad_bot2 {padding-bottom:6px}
.marg_right1 {margin-right:24px}
.marg_left1 {margin-left:-5px}
.line1 {background:url(../images/line_ver1.gif) 325px 0 repeat-y}
.line2 {background:url(../images/line_ver1.gif) 735px 0 repeat-y}
#content2 .line2, #content2 .line1 {}
.list1 {}
.list1 li {padding-bottom:20px;padding-left:14px;background:url(../images/marker_1.gif) 0 8px no-repeat}
.list1 li a {display:block;font-weight:bold;color:#0f0f0f;text-decoration:none}
.list1 li a:hover {color:#13c5ff}
.button {display:inline-block;color:#fff;line-height:28px;text-decoration:none;padding:0 14px;background:#13c5ff}
.button:hover {background:#373737}
#content2 .button:hover {background:#fff;color:#373737}
.link1 {color:#0f0f0f;font-weight:bold}
#content2 .link1 {color:#fff}
.link2 {text-decoration:none}
.link2:hover {color:#000}
#content2 .link2:hover {color:#fff}
.date {float:left;width:46px;margin-right:20px;text-align:center;font-size:30px;color:#13c5ff;line-height:1.2em;padding-bottom:20px}
.date span {display:block;font-size:53px;line-height:1.2em;margin-top:-8px;margin-bottom:-22px;letter-spacing:-2px}
.color1 {color:#13c5ff}
/* tabs begin */
.tabs {}
.tabs ul.nav {
	padding-top: 5px;
}
.tabs ul.nav li {line-height:30px}
.tabs ul.nav li a {color: black;
}
.tabs ul.nav li a:hover, .tabs ul.nav .selected a {
	text-decoration: none	; color: black;
}
.tabs .content {}
.tabs .tab-content {}
/* tabs end */
/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;display:block;background:#fff;padding-left: 0;box-shadow: -5px 5px 5px #444;
}
.lightbox-image img {position:relative;z-index:2;box-shadow: 2px 3px 5px #444;
}
.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/magnify.png) no-repeat 50% 50%;z-index:1}
.pp_details {display:none;height:0;padding:0;margin:0;font-size:0;line-height:0}
.pp_description {display:none;height:0;padding:0;margin:0;font-size:0;line-height:0}
/*.gallery {margin-top:-10px;padding-left:65px;width:100%;overflow:hidden}
.gallery li {float:left;padding-right:5px;padding-top:10px}
.gallery .end {padding-right:0}*/

.gallery {margin-top:0px;padding-left: 35px;width:101%;
	;overflow:hidden;
	padding-bottom: 20px;
}
.gallery li {float:left;padding-right:10px;padding-top:10px}
.gallery li li {
	padding-top:5px;text-align: center;
	font-size: x-small;
	float:none;
}
.gallery .end {padding-right:0}

/* footer */
footer {padding-top:5px;font-size: 12px;background: #151313;
		color: #3589ae;padding-left: 10px;
		text-align:left;padding-bottom:5px;
}
footer a {
	
}
footer a:hover {}
#icons {float:right;padding:7px 14px 0 0}
#icons li {padding-left:11px;float:left}
footer .left {width:598px}
/* Tooltips */
.aToolTip {border:1px solid #000;background:url(../images/bg_opacity.png) repeat;color:#fff;margin:0;padding:2px 10px;font-size:11px}
.aToolTip .aToolTipContent {position:relative;margin:0;padding:0;}
a.aToolTipCloseBtn {display:block;height:20px;width:20px;overflow:hidden;background:url(../images/loading/close.gif) no-repeat;text-indent:-9999px;outline:none;position:absolute;top:-15px;right:-20px;}
/* forms */
#ContactForm {padding:0 0 0 10px;margin-top:-4px}
#ContactForm span {width:140px;float:left;font-weight:bold;line-height:28px}
#ContactForm .wrapper {min-height:30px}
#ContactForm .textarea_box {width:100%;overflow:hidden;min-height:244px}
#ContactForm {}
#ContactForm {}
#ContactForm a {margin-right:10px;float:left;margin-top:5px}
#ContactForm .input {width:767px;height:16px;border:1px solid #d7d7d7;background:#fff;padding:5px;color:#000;font:14px Arial, Helvetica, sans-serif}
#ContactForm textarea {overflow:auto;margin:0;width:767px;height:257px;border:1px solid #d7d7d7;background:#fff;padding:5px;color:#000;font:14px Arial, Helvetica, sans-serif}


#listasecciones { width: 280px; clear: both; margin: 20px 0 10px; }
#listasecciones .viewport { width: 250px; height: 200px; overflow: hidden; position: relative; }
#listasecciones .overview { list-style: none; position: absolute; left: 0; top: 0; }
#listasecciones .thumb .end,
#listasecciones .thumb { background-color: #003D5D; }
#listasecciones .scrollbar { position: relative; float: right; width: 15px; }
#listasecciones .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
#listasecciones .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#listasecciones .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#listasecciones .disable{ display: none; }


/* Tiny Scrollbar */
#scrollbar1 { width: 100%; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 95%; height:  400px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }


#scrollbar2 { width: 100%; margin: 20px 0 10px; }
#scrollbar2 .viewport { width: 95%; height:  400px; overflow: hidden; position: relative; }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar2 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar2 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar2 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar2 .disable { display: none; }