@charset "utf-8";
body{
	background-image: url(../../imagenes/background.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	background-color:#C7B299;
}
#wrapper {
	width: 800px;
	margin: 20px auto;
	background-repeat: repeat;
}
#wrapper #header {
	background-image: url(../../imagenes/header.png);
	height: 125px;
}

#wrapper #content {
	background-color:  #F4E4BE;
	clear:both;
}

#wrapper #content #middle{
	font-size: 9px;
	font-style: normal;
	color: #CC6600;
	width: 70%;
	padding: 10px 10px;
	margin: 0px auto;
	background-color:#FFFFFF;

}
#wrapper #footer {
	background-image: url(../../imagenes/footer.png);
	background-repeat: repeat-x;
	height:20px;

}
#wrapper  #menu {
	background: url(../../imagenes/menusmall.png) repeat-x;
	height:21px;
	padding-top:4px;

}
#wrapper #menu ul{
	position: block;
	clear:both;
	margin:0px;
	padding:0em .1em;
	list-style: none;
	
}
#wrapper #menu ul li {
	display: inline;
	position: relative;
}
 #menu li a{
	font-weight: bolder;
	color: #990000;
	text-decoration: none;
	padding:.2em .9em;
	background-image: url(../../imagenes/menulinesmall.png);
	background-repeat: no-repeat;
	background-position: right center;

}
#menu li a:hover{
	color:#FFFFFF !important;
	background-image: none;
	background-color: #990000 !important;
	
}
p,#middle  ul li,#middle  ol li{
	font-size: 14px;
	text-align:justify;
	margin: 20px 30px;
}

/*
***----------------Submenu
*/
#wrapper #menu li ul li {

	display: block;
	clear:both;
	margin:0px;
	padding:0px;
	width:180px;
	z-index:9999 !important;
	
}

#wrapper #menu li ul {
	display: none;
	position: absolute;
	color: #990000;
	border-bottom: 0.1em solid  #CC0000;
	left: -2px;
	top:18px;
	
}

#wrapper #menu li ul li a {
	display:block;
	width:100%;
	height:25px;
	margin: 0px 0px auto;
	padding:0px;
	padding-top:6px;
	text-align:center;
	font-weight: bolder;
	color: #990000;
	background-image:none;
	background-color:#F6E6BE;		
	border-top:  .1em solid #CC0000;
	
}
/*#wrapper #menu li:hover ul,li.over ,.over{ display: block; color: #FFFFFF;}*/
#wrapper #menu li ul.over{ display: block !important; float:left; color: #FFFFFF !important; }

/* Fix IE. Hide from IE Mac \*/
* html#wrapper #menu ul li { float: left; height: 1%;  }
* html #wrapper #menu ul li a { height: 1%; }
/* End */

/* Fix IE. Hide from IE Mac \*/
* html #wrapper #menu ul li { float: left; }
* html #wrapper #menu ul li a { height: 1%; }
/* End */
/*----------------------------------------------------------------------*/
h1 {
	display:block;
	margin-left:30px;
	height: 25px;
	
}
h1 span{
	display:none;
	font-size:18px;
}
h2{	margin-left:30px; color:#990000; font-size:16px;}

#contactanos{
	display:block;
	background-color:#FFFFCC;
	border:thin solid #FFCC99;
	width:450px;
	margin:10px auto;
	padding:20px;
}
#contactanos fieldset{
	background-color:#F8EBCB;
	margin:10px auto;
	font-size:12px;
	border: 0.1em solid #CCCCCC;
}
#contactanos fieldset div{
margin-bottom:20px;
padding:10px;
clear:both;
}
#contactanos fieldset div label, #contactanos fieldset div input{
 display:block;
 float:left;

}
#contactanos fieldset div label{width:20%}
#contactanos fieldset div input{ width:70%}
#contactanos #send-comments{
	display:block;
	text-decoration: none;
	background: #EEE;
	color: #222;
	margin: 5px auto 5px auto;
	padding-top: 0.1em;
	padding-right: 0.5em;
	padding-bottom: 0.1em;
	padding-left: 0.5em;
}
#contactanos fieldset legend{
font-size:14px;
}
/*
--- ..................................................................................
*/
#contactanos textarea { display:block; width:90%; height:100px; margin:13px auto;}
.copyright {
	color: #FFFFFF;
	font-style: italic;
	font-size: x-small;
	font-weight: bold;
	display:block;
	float:right;
	margin-top:0.5em;
	margin-right:0.5em;
}
.success { background: #d1ee93 url(../../imagenes/success.gif) no-repeat 1% 50%; color: #59751c; font-weight: bold; padding: 5px 10px; border: 2px solid #9dce35; margin: 5px 0;}

.success p {  padding: 0 0 0 40px; }

.error-msg,.warning { background: #f4f5dd url(../../imagenes/info.gif)  no-repeat 1% 50%; padding: 5px 0 5px 40px; color: #5d8bd9; font-weight: bold; border: 2px solid #e8e9ca;}

.cmartzbg ,.property{
	background-color: #FFFFFF;
	background-image: url(../../imagenes/cmartwatersheet.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/*
*---------------------------------------------------------------------
*--------------------------   Sub-menu desarrollos options
*
*/
#submenu {
	width: 110px;
	margin-left: 20px;
	padding-top:20px;
	height: 250px;
	float: left;
	
}
#submenu  ul{
	display: block;
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#submenu  ul li, #submenu ul a {
	padding:2px;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	color: #993300;
}
#submenu ul a {
	background-image: url(../../imagenes/sub-menu.png);
	display: block;
	background-repeat: no-repeat;
	padding-left: 17px;
}
#submenu ul a:hover{ 
	background-image: url(../../imagenes/sub-menu-active.png);
	text-decoration: none;
	color:#FFFFFF;
 }
#submenu  ul li {
	list-style: none;

}
/***---------------------------------------------------------
**----------Sub - contenido.
*/

 #sub-content {
	width: 500px;
	float: left;
	margin-left: 5px;
	height: 250px;
	overflow: auto;
}

#contact  {
	clear: both;
	width:540px;
	margin-left: 100px;
	margin-top:12px;
	color: #990000;
	
}
#contact p{text-align:right; margin:0px; font-size: 9px;}

div#middle iframe{ background: url(../../imagenes/cmartwatersheet.png) repeat-y center; width:650px; display:block; margin:10px auto;}