/* CSS Document */
body {
	background: #B0D2E1 url(images/back.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
}

* {
	margin: 0px;
	padding: 0px;
}

a {
	outline: none;
}

a img {
	border: none;
}

#site {
	background: #B0D2E1 url(images/back.jpg) repeat-x;
	border: 0px solid red;
	position: relative;
	height: 500px;
	display: block;
	clear: both;
}
#container {
	display: block;
	position: absolute;
	top:  0px;
	left: 0px;
	float: left;
	width: 100%;
	height: auto;
	border: 0px solid red;
	/*margin: 30px 0px 0px 67px;*/
}

/* @end

 */

/* @group Navigation */
#top01 {	display: block;	position: absolute;	top:  26px;	left: 79px;	float: left;	width: 160px;	height: 23px;	font-size: 10px;	font-weight:bold;	font-family: Arial, Helvetica, Geneva, sans-serif;	color:#D0885B;	z-index: 1000;
}
#top02 {
	display: block;	position: absolute;	top:  26px;	left: 720px;	float: left;	width: 179px;	height: 23px;	font-size: 10px;	font-weight:bold;	font-family: Arial, Helvetica, Geneva, sans-serif;	color:#D0885B;	text-decoration:none;	z-index: 1;
}
#top03 {	display: block;	position: absolute;	top:  26px;	left: 872px;	float: left;	width: 77px;	height: 18px;	font-size: 10px;	font-weight:bold;	font-family: Arial, Helvetica, Geneva, sans-serif;	color:#D0885B;	text-decoration:none;
	z-index: 1;
}
#usuario {	display: block;	position: absolute;	top:  375px;	left: 86px;	float: left;	width: 173px;	height: 23px;	font-size: 10px;	font-weight:bold;	font-family: Arial, Helvetica, Geneva, sans-serif;	color:#D0885B;	z-index: 1000;
}
#contrasena {	display: block;	position: absolute;	top:  375px;	left: 218px;	float: left;	width: 173px;	height: 23px;	font-size: 10px;	font-weight:bold;	font-family: Arial, Helvetica, Geneva, sans-serif;	color:#D0885B;	z-index: 1000;
}
#enviar {	display: block;	position: absolute;	top:  377px;	left: 353px;	float: left;	width: 42px;	height: 23px;	font-size: 10px;	font-weight:bold;	font-family: Arial, Helvetica, Geneva, sans-serif;	color:#D0885B;	z-index: 1000;
}
#registro {	display: block;	position: absolute;	top:  377px;	left: 423px;	float: left;	width: 42px;	height: 23px;	font-size: 10px;	font-weight:bold;	font-family: Arial, Helvetica, Geneva, sans-serif;	color:#D0885B;	z-index: 1000; text-decoration:none;
}
#navigation {
	display: block;
	clear: both;
	width: 990px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	background: url('') no-repeat top left;
	position: relative;
}

#tabs {
	list-style: none;
	position: absolute;
	top: 82px;
	left:50px;
	width: auto;
	height: auto;
}

#tabs li {
	display: block;
	float: left;
}

#tabs li a {
	display: block;
	float: left;
	width: auto;
	height: 25px;
	padding: 5px 28px 0px 28px;
	color: #123B59;
	font-size: 12px; font-weight:bold;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	position: relative;
}

#tabs li a:hover {
	background: url('images/tab_right.jpg') no-repeat top right;
	color: #C3791D; font-weight:bold;
	text-shadow: 0px 0px 0px;
}

#tabs li a em {
	display: none;
}

#tabs li a:hover em {
	font-size: 1px;
	text-indent: -10000px;
	background: url('images/tab_left.jpg') no-repeat top left;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 16px;
	height: 62px;
}

/* @end */

/* @group Content */
#mainImg, #slideshow {
	display: block;
	width: 990px;
	height: 400px;
	float: left;
}

#content {
	display: block;
	clear: both;
	position: relative;
	width: 990px;
	height: auto;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background: #B0D2E1 url('images/center.jpg') repeat-y top left;
}

#content:after {
	display: block;
	clear: both;
	content: ".";
	color: white;
	font-size: 1px;
	text-indent: -3000px;
	line-height: 1px;
}

#content a {
	color: #123b59;
	font-weight:bold;
	text-decoration: none;
}

#content a:hover {
    color: #8ABDD2;
	text-decoration: none;
}

/* @end */

/* @group Left */

#content li.left {
	float: left;
	display: inline;
	width: 540px;
	margin: 0px 0px 0px 85px;
	color: #433A12;
	font: 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	text-align: justify;
	line-height: 17px;
}

#content li.left h1,
#content li.left h2,
#content li.left h3 {
	font: normal 25px "trebuchet ms", Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;
	color: #513600;
	clear: both;
}

#content li.left h2 {
	font-size: 17px;
	color: #2D5E73;
	padding-left:15px;
	margin: 20px 0px 5px 0px;
	background: url('images/bullet.gif') no-repeat 0px 50%;
}

#content li.left h3 {
	font-size: 14px;
	color: #c37a1e;
	margin: 0px 0px 15px 0px;
	font-weight:bold;
}

#content li.left p {
	color: #433A12;
	font: 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	text-align: justify;
	line-height: 17px;
	margin: 0px 0px 18px 0px;
}

#content li.left .more {
	display: none;
}

#content li.left p a {
	text-decoration: none;
}
#content li.left p.tools {
	background: #8ABDD2 url('images/bg_tools.jpg') no-repeat top left;
	color: #fff;
	font-size: 12px;
	width: 490px;
	height: 18px;
	padding: 6px 0px 0px 10px;
	line-height: 10px;
}
#content li.left a.read_more {
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	color: #fff; font-weight:bold;
	width: 95px;
	height: 22px;
	padding-top: 5px;
	background:#123B59 url('images/btn_left.jpg') no-repeat top left;
	}

#content li.left a.read_more:hover,
#content li.left a.read_more_hover {
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	width: 95px;
	height: 22px;
	padding-top: 5px;
	background:#8ABDD2 url('images/btn_left.jpg') no-repeat bottom left;
}

#content li.left hr {
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	line-height: 0px;
	border: 1px dotted red;
	border-width: 1px 0px;
	border-color: #cae5ec #cae5ec white white;
}

#content li.left p img {
	display: block;
	background: #FFf;
	padding: 4px;
	margin: 0px 0px 15px 0px;
}
#content li.left dl dd {
	font: 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #433A12;
	line-height: 16px;
	display: block;
	clear: both;
	margin: 0px 0px 10px 0px;
}

#content li.left dl dd div.thumb {
	display: block;
	float: left;
	background: #fff;
	padding: 1px;
	margin: 0px 5px 5px 0px;
}

#content li.left dl dd div.thumb a img {
	width: 90px;
	height: 70px;
	border: 3px solid #D2E4EC;
}

#content li.left dl dd div.thumb a:hover img {
	width: 90px;
	height: 70px;
	border: 3px solid #8ABDD2;
}
/* @end */

/* @group Right */
#content li.right h2 {
	font-size: 17px;
	color: #675212;
	padding-left:0px;
	margin: 20px 0px 15px 0px;
}
#content li.right {
	float: left;
	width: 293px;
	height: auto;
	margin: 0px 0px 0px 20px;
	position: relative;
	top: 0px;
	background: #FAE8D3 url('images/sidebar_center.jpg') repeat-y top left;
}

#content li.right a {
	text-decoration: none;
}

#content li.right span.top {
	display: block;
	clear: both;
	width: 293px;
	height: 38px;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
	background: white url('images/sidebar_top.jpg') no-repeat top left;
}

#content li.right span.bottom {
	display: block;
	clear: both;
	width: 293px;
	height: 37px;
	line-height: 13px;
	margin: 0px;
	padding: 0px;
	background: white url('images/sidebar_bottom.jpg') no-repeat bottom left;
}

#content li.right dl {
	margin: 0px 15px;
	padding: 0px;
}

#content li.right dl dt {
	display: block;
	clear: both;
	font: bold 15px "trebuchet ms", Arial, Helvetica, Geneva, sans-serif;
	color: #675212;
	margin: 0px 0px 10px 0px;
}

#content li.right dl dd {
	font: 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #675212;
	line-height: 16px;
	display: block;
	clear: both;
	margin: 10px 0px 10px 0px;
}

#content li.right a.read_more {
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	color: #FAE8D3; font-weight:bold;
	width: 95px;
	height: 22px;
	padding-top: 5px;
	background: url('images/btn_right.jpg') no-repeat bottom left;
	text-shadow: 2px 2px 2px #fff;
}

#content li.right a.read_more:hover,
#content li.right a.read_more_hover {
	display: block;
	font-size: 11px;
	text-decoration: none; font-weight:bold;
	text-align: center;
	color: #FAE8D3;
	width: 95px;
	height: 22px;
	padding-top: 5px;
	background: url('images/btn_right.jpg') no-repeat top left;
	text-shadow: 2px 2px 2px #fff;
}
#content li.right dl dd div.thumb {
	display: block;
	float: left;
	background: #E8D497;
	padding: 7px;
	margin: 0px 5px 25px 0px;
	border: 1px solid #DEB73D;
}
#content li.right dl dd div.thumb:hover {
	display: block;
	float: left;
	background: #C3791D;
	padding: 7px;
	margin: 0px 5px 25px 0px;
	border: 1px solid #C3791D;
}

#content li.right dl dd div.thumb a img {
	width: 60px;
	height: 60px;
	border: 0px;
	background: #E8D497;
}

#content li.right dl dd div.thumb a:hover img {
	width: 60px;
	height: 60px;
	border: 0px;
	background: #C3791D;
   }
#content li.right dl dd hr {
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	line-height: 0px;
	border: 1px solid red;
	border-width: 1px 0px;
	border-color: #F2ECCE #F2ECCE #E4D89C #E4D89C;
}

/* @end */


/* @group Footer */
#design {
	display: block;	position: absolute;	bottom:  23px;	left: 83px;	float: left;	width: 160px;	height: 23px;
	font-size: 10px; font-weight:bold;	font-family: Arial, Helvetica, Geneva, sans-serif; color:#123B59;}
#copy {
	display: block;	position: absolute;	bottom:  85px;	left: 630px;	float: left;	width: auto;	height: 23px;
	font-size: 11px; font-weight:bold;	font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif; color:#123B59; line-height:17px;}
	
#footer {
	display: block;
	clear: both;
	width: 100%;
	height: 149px;
	background: url('images/bg_footer.jpg') repeat-x top left;
}
#footer a.top {
	display: block;
	position: absolute;
	left: 90px;
	width: 59px;
	height: 10px;
	text-align: left;
	text-indent: -10000px !important;
	bottom: 93px;
	background: url('images/up_d.gif') repeat-x top left;
}
#footer a.top:hover {
	display: block;
	position: absolute;
	left: 90px;
	width: 59px;
	height: 10px;
	text-align: left;
	text-indent: -10000px !important;
	bottom: 93px;
	background: url('images/up_h.gif') repeat-x top left;
}
#footer a {
	display: none;
}

/* @end */

/* @group Forms */

form label {
	display: block;
	text-align: left;
	color: #433A12;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	line-height:30px;
}
.input {
	border: 1px solid #C8DFEA;
	background: #E7F1F5;
	color: #123B59;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	width: 150px;
	height:16px;
}
.input2 {
	border: 1px solid #000;
	background: #1E5E8C;
	color: #54A0DA;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	width: 120px;
	height:16px;
}
.input3 {
	border: 1px solid #C8DEE8;
	background: #D2E4EC;
	color: #54A0DA;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	width: 350px;
	height:16px;
}
.textarea {
	border: 1px solid #C8DEE8;
	background: #D2E4EC;
	padding: 3px;
	color: #433A12;
	font: 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	line-height: 17px;
	width: 500px;
	margin: 5px 0px;
}
.button { background-color:#E7F1F5;
	border:none;
	padding: 0px;
	color: #fff;
	font: 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; font-weight: bold;
	line-height: 17px;
	width: 95px; height:26px;
	margin: 5px 0px;
	background: #2D5E73 url('images/btn_left.jpg') no-repeat top left}
.button2 { background-color:#E7F1F5;
	border:none;
	padding: 0px;
	color: #fff;
	font: 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; font-weight: bold;
	line-height: 17px;
	width: 150px; height:26px;
	margin: 5px 0px;
	background: #2D5E73 url('images/btn_left.jpg') no-repeat top left}
/* @end */


/* HighSlide specific styles
============================================================================*/

dt a {cursor:url('/xmedia/theme/v1/img/highSlide/zoomin.cur'), pointer; outline:none;}

.highslide-loading {display:block; font-weight:bold; padding:1px 3px; width:72px; background:#CA4F04; color:#fff;
font: normal 12px Arial, Helvetica, Geneva, sans-serif; text-decoration:none; }

.highslide-image { background: transparent url('images/bg_pic.png') repeat top left; padding:15px;}


html>body .shortList a {
	width:auto;
}
/* lists */
.shortList {
	margin:0;
	padding:0;
}
.shortList li {
	margin-bottom:1px;
	padding:0;
	list-style:none;
	
}
.shortList a {
	display:block;
	width:92%;
	padding:6px 0 6px 30px;
	color:#045294;
	border-bottom:1px solid #D0CFCA;
	background:#D2E4EC;
	text-decoration:none;
	cursor: pointer;
	font-weight:bold;
	font: 11px Tahoma, Arial, Helvetica, Geneva, sans-serif;
	line-height:17px;
	background-image:url(images/bullet.gif); background-repeat:no-repeat; background-position:15px;
}
.shortList a:hover {
	background:#fff;
	text-decoration:none;
	font-weight:bold;
	font: 11px Tahoma, Arial, Helvetica, Geneva, sans-serif;
	line-height:17px;
	background-image:url(images/bullet.gif); background-repeat:no-repeat; background-position:15px;
}
/* End */
/*--------------------*/
/*Beginning of Slider*/
/*--------------------*/

#portfolio_spacer {margin-left:20px;}
#portfolio_spacer_inside {margin:30px 0 0 0;}


#portfolio { 
	float: left; 
	margin: 0;
	margin-top:0px;
	padding: 0; 
	height: 110px; 
	width: 263px; 
	position: relative; 
	overflow: hidden;
		background: url('images/bg_slide.jpg') repeat-x top left; 
	}

#portfolio a {
	color: #fff;
	display: block;
	position: absolute;
	text-decoration: none;
	z-index: 100;
	font-size: 9px;
	}
	
#portfolio .mod { 
	overflow: hidden; 
	}
.mod { 
	margin: 0 auto; 
	padding: 0; 
	overflow: hidden; 
	position: absolute; 
	top: 20px; 
	left: 51px; 
	height: 85px; 
	width: 170px;
	}
	
ul#themes {
	width: 2000px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	position: relative;
	height: 80px;
	}
	
ul#themes li { 
	margin: 0 8px 0 0; 
	padding: 0; 
	float: left; 
	display: inline; 
	height: 79px; 
	width: 79px; 
	overflow: hidden; 
	font-size: 11px; 
	list-style: none;
	list-style-position: outside;
	}

ul#themes li a span  { 
	text-align: center;
	width: 79px;
	height:79px;
	margin: 0;
	padding: 0; 
	display: block;
	color: #523805;
	line-height: 1.4;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

ul#themes li img { 
	margin: 0 0 5px 0;
	display: block;
	border: 1px solid #DEB73D; 
	background:#fff;
	}
ul#themes li img:hover { 
	margin: 0 0 5px 0;
	display: block;
	border: 1px solid #C3791D;
	background:#fff; 
	}
#portfolio a#move-left { left: 4px; top: 49px; border: 0px solid #fff; }
#portfolio a#move-right { right: 1px; top: 49px; border: 0px solid #fff; }

.clearme {clear: both;}

/* HighSlide specific styles
============================================================================*/

dt a {cursor:url('/xmedia/theme/v1/img/highSlide/zoomin.cur'), pointer; outline:none;}

.highslide-loading {display:block; font-weight:bold; padding:1px 3px; width:72px; background:#C3791D; color:#fff;
font: normal 12px Arial, Helvetica, Geneva, sans-serif; text-decoration:none; }

.highslide-image { background: transparent url('images/bg_pic.png') repeat top left; padding:15px; border:1px solid #fff;}


html>body .shortList a {
	width:auto;
}