/*
Documento CSS propiedad de FLEXO estudio digital.
Prohibida la reproducción total o parcial de este código salvo consentimiento expreso del autor.
*/


/* ---------- GENERAL ---------------------------------------------------------------------- */

body	{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color:#333333;
	margin: 0px;
	padding:0px;
	background:#ECEBE5 url(/img/pix_fondo.gif)  repeat-x;
}

acronym {
	cursor: help;
}

ul{
	margin:0px;
	padding:0px;
}
li{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

img{border:5px solid #ECEBE5; margin-bottom:10px;}


/* ---------- enlaces ---------------------------------------------------------------------- */

a {
text-decoration: none;
color:#CC0000;
}
a:hover {
text-decoration: underline;
}


/* ---------- CAPAS PRINCIPALES ---------------------------------------------------------------------- */

#logoculta{
display:none;
}

#contenedor{
position:absolute;
left: 50%;
margin:0px 0px 0px -375px;
padding: 0px;
width:900px;
}

#menu{
width:700px;
padding: 0px;
margin-left:150px;
color:#FFFFFF;
}
#menuadmin{
width:600px;
padding: 0px;
margin-left:150px;
color:#FFFFFF;
}
#colizda{
float:left;
width:140px;
padding:0px;
margin:0px 0px 0px 0px;
}

#colcent{
float:left;
width:450px;
padding:20px;
margin:10px 0px 0px 10px;
background-color:#fff;
background-image:url(/img/aspas.gif);
background-repeat:no-repeat;
background-position:top right;
}

#coldcha{
float:left;
width:190px;
padding:0px;
margin:10px 0px 0px 10px;
}

#galeria{
float:left;
width:560px;
padding:20px;
margin:10px 0px 0px 10px;
background-color:#fff;
background-image:url(/img/aspas.gif);
background-repeat:no-repeat;
background-position:top right;
}
#galeria img{border:none;margin:20px 0px 0px 0px;}

#pie{
width:750px;
clear:both;
text-align:center;
margin:10px 0px 0px 0px;
padding: 10px 0px;
font-size:0.9em;
background-image:url(/img/pie_sep.gif);
background-repeat:no-repeat;
background-position:top center;
}

#pie a{color:#c00;}

#legal {
margin: 45px 10px 10px 10px;
padding: 20px;
width:320px;
color: #333333;
background-color:#fff;
}

#mapa {
margin: 45px 10px 10px 10px;
padding: 20px;
width:410px;
color: #333333;
background-color:#fff;
}


/* ---------- CAPAS SECUNDARIAS ------------------------------------------------------ */
#logo{
width:120px;
padding: 10px;
margin:0px 0px 0px 0px;
background-image:url(/img/logo.gif);
background-repeat:no-repeat;
background-position:center;
height:150px;
text-align:center;
background-color:#FFFFFF;
color:#FFFFFF;
}

#servicios{
width:120px;
padding: 10px;
margin:0px 0px 0px 0px;
background-image:url(/img/deg_rojo.gif);
background-repeat:repeat-y;
font-size:120%;
color:#FFFFFF;
}

#contacto{
width:90px;
padding:10px 10px 10px 80px;
margin:0px 0px 0px 0px;
background-image:url(/img/deg_verde.gif);
background-repeat:repeat-y;
color:#FFFFFF;
font-size:90%;
}

#contacto a{
color:#FFFFFF;
}

#portfolio{
width:90px;
padding:10px 10px 10px 80px;
margin:10px 0px 0px 0px;
background-image:url(/img/deg_naranja.gif);
background-repeat:repeat-y;
color:#FFFFFF;
font-size:90%;
}

#portfolio a{
color:#FFFFFF;
}

#glosario{
width:90px;
padding:10px 10px 10px 80px;
margin:10px 0px 0px 0px;
background-image:url(/img/deg_azul.gif);
background-repeat:repeat-y;
color:#FFFFFF;
font-size:90%;
}

#lienzos{
width:90px;
padding:10px 10px 10px 80px;
margin:10px 0px 0px 0px;
background-image:url(/img/deg_naranja2.gif);
background-repeat:repeat-y;
color:#FFFFFF;
font-size:90%;
}

#glosario a{
color:#FFFFFF;
}

#dcha_trabajos{
width:300px;
padding:80px 10px 10px 10px;
margin:00px 0px 0px 0px;
background-color:#FFFFFF;
background-image:url(/img/img_fotitos.gif);
background-repeat:no-repeat;
background-position:10px 10px;
font-size:90%;
}


 
/* ---------- ENCABEZADOS  ---------------------------------------------------------------------- */

h1 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
	color:#333333;
}
h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
	color:#FF9900;
}

h3 {
	margin: 15px 0px 5px 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
}
 
 
/* ---------- PARRAFOS ---------------------------------------------------------------------- */
p {
	font-weight: normal;
	font-size:100%;
	margin: 0px;
	padding: 5px 0px;
}

.linea{border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:10px;}
.principal{ margin-bottom:20px;}



/* ---------- CLASS ---------------------------------------------------------------------- */

.separador {
clear:both;
font-size: 1px;
height:1px;
}

.rojo{color:#CC0000;}
.mini{font-size:90%; color:#999999;}
	
.oculto{display:none;}
.tecla {text-decoration: underline;} 

.titsec{
font-weight:bold;
color:#FF9900;
}
.gris{color:#333333;}

.trabajos{display:none; padding:0px 0px; }

.trabajosadmin {display:none; padding:0px 0px; }

.linktrabajo {
font-size:90%;
background-image:url(/img/ico_trabajo.gif);
background-repeat:no-repeat;
background-position:0px;
padding:0px 0px 0px 15px;
margin:0px;
}
.subservicios{
font-size:90%;
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
margin:10px 0px;
padding:5px 0px;
}

/* ---------- LISTAS ------------------------------------------------------------ *
/* ---------- lista del menu -------------------- */

#menu ul {
	font-size: 90%;
	margin: 20px 0px 5px 0px;
	padding: 5px 0px 0px 0px;
	list-style: none;
}

#menu li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

#menu li a{
	padding: 22px 10px 5px 10px;
	margin:0px 5px;
	color: #ffffff; 
	text-decoration:none;
	border-top:3px solid #990000;
}	

#menu li a:hover {
	border-top:3px solid #990000;
	background-color: #990000;
}	

.menu_ppal_on {
	background-color: #990000;
}	

/* ---------- lista del menu -------------------- */

#menuadmin ul {
	font-size: 90%;
	margin: 20px 0px 5px 0px;
	padding: 5px 0px 0px 0px;
	list-style: none;
}

#menuadmin li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

#menuadmin li a{
	padding: 22px 10px 5px 10px;
	margin:0px 5px;
	color: #ffffff; 
	text-decoration:none;
	border-top:3px solid #1B5372;
}	

#menuadmin li a:hover {
	border-top:3px solid #1B5372;
	background-color: #1B5372;
}	




/* ---------- lista de servicios -------------------- */

#servicios ul{
	font-size: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	border-top:1px solid #cc0000;
}

#servicios li a{
	display: block;
	padding: 2px 10px;
	margin:0px;
	width: 100px;
	color: #fff; 

	background-image: url(/img/ico_flecha_der.gif);
	background-repeat:no-repeat;
	background-position: 3px 8px;
	border-bottom:1px solid #cc0000;

}	

#servicios li a:hover {
	background-color:#cc0000;
	text-decoration:none;
}	

.serv_on{
	background-color:#cc0000;
	border-bottom:1px solid #993300;
	border-top:1px solid #993300;
	}

/* ---------- lista de categorias del portfolio -------------------- */

.categoria ul{
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.categoria li a{
	display: block;
	padding: 2px 15px;
	margin: 5px 0px;
	width: 530px;
	color: #333;
	background-color:#ECEBE5;
	background-image: url(/img/ico_flecha_neg_der.gif);
	background-repeat:no-repeat;
	background-position: 8px 9px;
}	

.categoria li a:hover {
	text-decoration:none;
	background-color:#E3E2D9;

}

/* ---------- lista de trabajos del portfolio -------------------- */

.trabajos ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.trabajos li{
	display: inline;
	padding: 0px 0px;
	margin: 0px;
	font-size:90%;
	color: #666;
	background-color:#FFFFFF;
}

.trabajos li a{
	display: inline;
	color: #CC0000;
	background-color:#FFFFFF;
	font-size:90%;
	background-image:url(/img/ico_trabajo.gif);
	background-repeat:no-repeat;
	background-position:0px;
	padding:0px 10px 0px 15px;
	margin:0px;
}	

.trabajos li a:hover {
	text-decoration:underline;
	background-color:#FFFFFF;
}

/* ---------- lista de trabajos del administrador-------------------- */

.trabajosadmin ul{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

.trabajosadmin li{
	display: block;
	padding: 0px;
	margin-bottom: 5px;
	font-size:90%;
	color: #333;
	background-color:#FFFFFF;
	border-bottom:1px dashed #ccc;

}

.trabajosadmin li a{
	display: inline;
	color: #CC0000;
	background-image:none;
	background-color:#FFFFFF;
	font-size:90%;
	padding:0px 3px;
	margin:0px;

}	

.trabajosadmin li a:hover {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#cc0000;
	
}

/* ---------- lista de trabajos del administrador-------------------- */

.leyendaadmin ul{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

.leyendaadmin li{
	display: inline;
	padding:0px 5px;
	font-size:90%;
	color: #666;
	background-color:#ECEBE5;

}

.leyendaadmin li a{
	display: inline;
	color: #c00;
	padding:0px;
	margin:0px;

}	

.leyendaadmin li a:hover {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#cc0000;
	
}


/*-------- FORMULARIOS ----------------------------------------------------------------------------*/

form{
	margin:10px;
}

input, select, file, textarea {
	margin: 1px 0px 2px 0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333333;
	background-color: #ffffff;
	padding: 1px 3px;
	border:1px solid #999999;
}


.botontxt {
	font-size:90%;
	padding: 2px 5px;
	background-color: #AEA9A1;
	color: #FFFFFF;
}

.botontxt:hover{
text-decoration:none;
background-color: #CAC9C2;
cursor:pointer;
}