/* CUERPO DE LA WEB Y LINKS GENERALES *******************************************************************************************************/
.general{
	width:980px;
	height:100%;
}


/*INDEX INSTITUCIONAL *******************************************************************************************************/

.columna1 {
	width:195px;
	height:100%;
	float:left;
}

.columna2 {
	width:300px;
	height:100%;
	float:left;
	margin-left:30px;
}

.columna3 {
	width:250px;
	height:100%;
	float:left;
	margin-left:40px;
}

.columna4 {
	width:90px;
	height:100%;
	float:left;
	margin-left:10px;
}


body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}


/* DIV LOGO Y MENU *******************************************************************************************************/

.logo {
background-image:url(images/logo_cuesta.png) no-repeat center top;
height:47px;
width:195px;
padding:35px 0 10px 15px;
clear:both;
}

.menu {
height: 300px;
width: 195px;
padding:10px 0 30px 15px;
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:25px; 
float:left;
}

.ocultable {
padding:0 0 10px 25px;
font-size:11px;
}






/* BODY *******************************************************************************************************/

.cuerpo {
height:100%;
width:720px;
float:left;
}

.cuerpo1{
height:100%;
width:300px;
float:left;
clear:both;
padding:10px 0 0 0;
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bolder;
}

.cuerpo2{
height:100%;
width:300px;
float:left;
clear:both;
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;
padding:0 0 15px 0;
}

.cuerpo3{
height:100%;
width:300px;
float:left;
padding:50px 0 20px 0;
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;
}

.cuerpo4{
height:100%;
width:30px;
float:left;
clear:both;
padding:50px 0 20px 0;
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;
}

.espacio_home{
height:92px;
width:720px;
float:left;
clear:both;
}

.mail{
height:44px;
width:250px;
float:left;
clear:both;
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;
padding:10px 0 0 0;
}

.mail_espacio{
height:84px;
width:250px;
float:left;
clear:both;
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;
}

.curriculum{
height:44px;
width:80px;
float:left;
clear:both;
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;
padding:10px 0 0 0;
}

.curriculum_espacio{
height:84px;
width:80px;
float:left;
clear:both;
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;
}



/* FOOTER****************************************************************************************************** */

.footer {
	width: 130px;
	height:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;
	background-color:#666666;
	padding-top:8px;
	padding-left:15px;
	float:left;
	clear:both;
}


.g8design {
width: 195px;
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;
padding:15px 0 15px 15px;
float:left;
clear:both;
}



/* HISTORIA****************************************************************************************************** */
.columna_historia {
	width:420px;
	height:100%;
	float:left;
	margin-left:30px;
}


.titulo {
height:100%;
width:400px;
float:left;
clear:both;
padding:10px 0 0 0;
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bolder;
}

.texto {
height:100%;
width:400px;
float:left;
clear:both;
padding:10px 0 20px 0;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;
}

.foto1 {
	width:100px;
	height:100px;
	float:left;
	padding-top:34px;
}




/* CONTACTENOS ***************************************************************************************************** */
.columna_contactos {
	width:380px;
	height:100%;
	float:left;
	margin-left:30px;
}

label {display:block;} 
legend {font-size:120%;} 
fieldset {border:1px;} 
input, textarea {border:1px solid #000;} 
input:focus, textarea:focus {background:#FFF799;} 

.data_formulario {
	width:230px;
	height:200px;
	float:left;
	padding-top:46px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;
}




/* PORTFOLIO ***************************************************************************************************** */
.columna_portfolio {
	width:200px;
	float:left;
	margin-top:100px;
	margin-left:30px;
}

.titulo_portfolio {
height:100%;
width:230px;
float:left;
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bolder;
}

.galerias {
height:100%;
width:190px;
float:left;
padding:5px 0 5px 0;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:25px;
}



.detalle {
	width:500px;
	height:100%;
	float:left;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;
}

.titulo_obra {
height:100%;
width:500px;
float:left;
padding-top:10px;
padding-bottom:5px;
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bolder;
}

.linea {
height:1px;
width:500px;
background-color:#666666;
float:left;
}

.thumbs {
height:100%;
width:500px;
float:left;
padding-top:5px;
padding-bottom:5px;
}

.click {
width:500px;
float:left;
padding-top:5px;
padding-bottom:5px;
font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;
}

.imagen {
height:100%;
width:500px;
float:left;
padding-top:5px;
padding-bottom:5px;
}

.descripcion {
height:100%;
width:500px;
float:left;
padding-bottom:5px;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:20px;
}

.bcc {
height: 20px;
width: 195px;
padding:10px 0 30px 15px;
font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:25px; 
float:left;
}