/* CSS Document */

/* Elementos principales -----------------*/


body {
	margin: 0 auto;
	padding: 0;
	font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #7c610e;
	background-color: #E6EBC9;
    background-image: url(../imagenes/bg.gif);
	background-repeat: repeat;
	}

p { 
	font-family: Century Gothic, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #7c610e;
	text-align: left;
}

.img {
    margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
		}
a {

text-decoration: none;
	color: #7c610e;

}


/* estructura -----------------*/

#contenedor {
		width: 818px;
		margin: 0 auto;
}

/* header -----------------*/

#header {
background: transparent url(imagenes/header.png) no-repeat;
height: 27px;
margin-top: 10px;
color:#FFFFFF;
}

/* main -----------------*/

#mainw {
background: transparent url(imagenes/contenido.png) no-repeat;
width: 818px;
height: 535px;
}

.descripcion {
padding-top: 90px;
padding-right: 120px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color:#666600;
}

#logo {
background: transparent url(imagenes/logo.png) no-repeat;
float: right;
position: relative;
height: 102px;
width: 178px;
display: block;
margin: 20px;
}

/* barra superior -----------------*/

#barra_principal {
float: left;
margin-left: 5px;
max-width: 45px;
display:inline-block;
}

.home {
float: left;
clear: both;
position: relative;
display: block;
margin: 0px;

}

.contacto {
float: left;
clear: both;
display: block;
margin: 0px;
}

/* fin barra superior -----------------*/

/* sidebar1 -----------------*/

#sidebar1 {
width: 146px;
float: left;
margin-left: 6px;
margin-top: 120px;
text-align: left;
color: #ffffff;
}

#sidebar1 ul li {
list-style-type: none;
padding: 15px 5px;
text-align: right;
border-bottom: 1px dotted #eee;
text-transform: uppercase;
}

#sidebar1 ul li a {
color: #e6e6c6;
text-decoration: none;
}

#sidebar1 ul li a:hover{
color: #fff;

}

#objetos {
width: 146px;
padding: 15px 5px;
text-align: center;
text-align: center;

}
		
/* fin sidebar1 -----------------*/

/* contenido -----------------*/

#contenido {
        width: 450px;
		float: right;
		padding-right: 10px;
		text-align: left;
		background-color:#FFFFFF;
}

#contenidointro {
        width: 450px;
		float: right;
		padding-right: 27px;
                _padding-right: 16px;
                text-align: left;
		background-color:#FFFFFF;
}


.info {
                
		padding-top: 10px;
                text-align: left;
		background-color:#FFFFFF;
}

.titulos a {
font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
color:#7c610e;
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px dotted #7c610e;
}

#tituloscategorias {
font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
color:#7c610e;
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px dotted #7c610e;
}

.tituloscategorias {
font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
color:#adad76;
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px dotted #7c610e;
}


#tituloscategorias a {
font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
color:#b0b176;
font-size: 11px;
text-transform: uppercase;

}

#subtituloscategorias {
font-family: Georgia, "Times New Roman", Times, serif;
color:#d2d2b5; 
padding-top:2px;
font-style: italic;
font-size: 29px;
text-transform: lowercase;

}

.destaca {
font-family: Georgia, "Times New Roman", Times, serif;
color:#d2d2b5;
font-style: italic;
font-size: 29px;
}

.masproyectos {
font-family: Georgia, "Times New Roman", Times, serif;
color:#7c610e; 
font-style: italic;
float:right;
text-align: right; 
margin-top: 0px;
margin-bottom: 0px;
margin-right: 13px;
}

.masproyectos li {
margin:0px;
padding: 2px 3px 2px 3px;
list-style-type: none;
color:#7c610e;
border: 1px dotted #7c610e;
display: inline;
}

.masproyectos li a[title]:after{
content: ">";
border: none;
margin:0px;
padding: 2px;
border: none;
color:#7c610e;
display: inline;
}

.masproyectos li a[title]:hover{
/*Hides the anchor*/
visibility: hidden;
background-color:#FFFFFF;
margin:0px;
padding: 0px;
list-style-type: none;
color:#7c610e;
display: inline;
border: none;
}

.masproyectos li a[title]:hover:after{
/*Shows the generated content*/
content: "(" attr(title) ")";
visibility: visible;
margin:0px;
padding: 0px;
list-style-type: none;
color:#7c610e;
display: inline;
border: none;
}


/* contenido iframe -----------------*/

#proyectosframe {
      
	    text-align:left;
		background-color:#FFFFFF;
                margin-top: 30px;
		visibility: visible; 
		
		}

.iframe {
		background-color:#ffffff;
		margin-top: 14px;
                width: 447px;
		_width: 427px;
		height: 320px;
		_height: 310px;
		
		}
		
#proyectosgaleria {
        float: left;
	text-align:left;
		background-color:#FFFFFF;
		padding: 5px;
		}

		
#titulosproyectos {
font-family: Georgia, "Times New Roman", Times, serif;
color:#7c610e; 
font-style: italic;
font-size: 15px;
text-transform: lowercase;
}

.verdetalles {
font-family: Georgia, "Times New Roman", Times, serif;
color:#7c610e; 
font-style: italic;
float:right;
text-align: right; 
margin-top: 20px;
margin-right: 0px;
}

.verdetalles li {
padding: 4px;
list-style-type: none;
color:#7c610e;
border: 1px dotted #7c610e;
display: inline;
}

/* fin contenido iframe -----------------*/

#footer {
background: transparent url(imagenes/footer.png) no-repeat;
width: 818px;
height: 33px;
}

/* menu deplegable ----------------------------*/

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 145px; /* Width of Menu Items */

}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 140px; /*sub menu width*/
margin-left: 0px;
top: 0;
visibility: hidden;
text-align: left;
}

.suckerdiv ul li ul a:link{
padding:0;
border: none;
}

ul#suckertree1 li ul li {
border: none;
padding: 3px 5px 0 10px;
margin-top: 5px;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: lowercase;
font-style: italic;
}

ul#suckertree1 li ul li a{
text-align: left;
}



/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
padding: 1px 5px;
border-bottom: none;
}
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

/* fin menu deplegable ----------------------------*/