@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
body{
	font-size:76.1%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3em;
	background-color: #000000;
	border-top: #A36868 2px solid;
	color: #CCCCCC;
}
div#wrap{
	width: 800px;
	margin: 50px auto 0;
	border: #FFFFFF 1px solid;
}
div#top{
	width: 100%;
	height: 100px;
}
div#top-left{
	float: left;
	position: relative;
	top: 0;
	left: 0;
	width: 200px;
	height: 100px;
}
div#top-right{
	float: right;
	position: relative;
	top: -1px;
	left: 1px;
	width: 351px;
	height: 101px;
}
div#menu-top{
	clear: both;
	width: 100%;
	height: 80px;
}
div#menu-text{
	float: left;
	width: 200px;
	height: 80px;
}
div#menu-top1{
	float: left;
	width: 150px;
	height: 80px;	
}
div#menu-top2{
	float: left;
	width: 150px;
	height: 80px;
}
div#menu-top3{
	float: left;
	width: 150px;
	height: 80px;
}
div#menu-top4{
	float: left;
	width: 150px;
	height: 80px;
}
.menu-top-pad{
	padding-top: 10px;
}
.menu-text-pad{
	padding-top: 30px;
	padding-left: 15px;
}
#menu-top #menu-text p{
	font-size: 1.9em;
	font-weight: bold;
	letter-spacing: .1em;
	color: #823131;
}
div#main{
	clear: both;
	width: 100%;
}
div#menu-left{
	float: left;
	width: 144px;
	min-height: 238px;
	height: auto !important;
	height: 238px;
	border-top: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
}
div#menu-left-top{
	float: right;
	position: relative;
	top: -1px;
	left: 1px;
	width: 25px;
	height: 25px;
}
div#menu-left-main{
	clear: both;
	width: 100%;
	min-height: 188px;
	height: auto !important;
	height: 188px;
	font-size: .9em;
}
.menu-left-pad{
	padding-left: 15px;
	padding-right: 5px;
}
#menu-left-main li{
	list-style: none;
	padding-bottom: .2em;
}
#menu-left-main a:link, #menu-left-main a:visited{
	text-decoration: none;
	color: #A36868;
}
#menu-left-main a:hover{
	text-decoration: none;
	color: #FFFFFF;
}
#menu-left-main a:link.selected, #menu-left-main a:visited.selected{
	text-decoration: none;
	color: #FFFFFF;
}
#menu-left-main a:hover.selected{
	text-decoration: none;
	color: #FFFFFF;
}
div#menu-left-bottom{
	float: right;
	position: relative;
	top: 1px;
	left: 1px;
	width: 25px;
	height: 25px;
}
div#text{
	float: left;
	width: 305px;
	min-height: 240px;
	height: auto !important;
	height: 240px;
}
#text h2, #image h2{
	font-size: 1.2em;
	line-height: 1.3em;
	color: #A36868;
	padding-bottom: .8em;
}
#text p{
	padding-bottom: .4em;
}
#text ul{
	padding-left: 1.3em;
}
#text li{
	padding-bottom: .3em;
}
#text a:link, div#text a:visited{
	color: #823131;
	color: #A36868;
	text-decoration: underline;
}
#text a:hover{
	color: #CCCCCC;
	text-decoration: underline;
}
.text-pad{
	padding-left: 15px;
}
div#image{
	float: left;
	width: 350px;
	min-height: 240px;
	height: auto !important;
	height: 240px;
}
.image-pad{
	padding-left: 15px;
}
div#bottom{
	clear: both;
	width: 100%;
	height: 30px;
	background: url(../img/bottom.jpg) left bottom repeat-x;
}
div#bottom-left{
	float: left;
	position: relative;
	top: 6px;
	left: -1px;
	width: 25px;
	height: 25px;
}
div#info{
	clear: both;
	width: 800px;
	height: 25px;
	margin: 0 auto;
	padding-top: .6em;
	text-align: right;
	font-size: .8em;
	color: #823131;
}
div#info a:link, div#info a:visited{
	color: #823131;
	text-decoration: underline;
}
div#info a:hover{
	color: #CCCCCC;
	text-decoration: underline;
}
/* tabla contacto */
table.contact td{
	padding-right: .5em;
}
/* colores de fullscreen */
.full{
	color: #afed1f;
}
.screen{
	color: #4e6172;
}
/* personalizar SmoothGallery */
div#myGallery{
	width: 320px !important;
	height: 240px !important;
}