*{
	padding: 0;
	margin: 0;
}

body{
	font: normal 12px/16px Arial, Helvetica, sans-serif; 
	color: #270941;
	background: #c9c9c9 url(bg-body.gif) repeat-x;
}

a{
	color: #2d129e;
}

a img{
	border: 0;
}


#container{
	background: url(flowers.gif) no-repeat top right;
}

/* CABECERA */

#header{
	height: 210px;
}
		
	/* menu */
	#menu{
		padding-top: 20px;
		padding-left: 20px;
		font-size: 16px;
		font-weight: bold;
	}
	
	#menu ul{
	}
	
	#menu li{
		display: inline;
		margin-right: 5px;
		height: 100%;
	}
	
	#menu a{
		color: #270941;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: -1px;
		padding: 0px 5px;
	}
	
	#menu a:hover{
		color: #f0e;
	}
	
	#menu li.current{
		background: #270941;	
	}
	
	#menu li.current a, #menu li.current a:hover{
		color: #f0e;
	}


#content{
	padding-left: 30px;
	width: 1020px;
	
}

#content h1{
	color: #f0e;
	font-size: 28px;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: -2px;
}

div.intro{
	margin-bottom: 30px;
}

div.intro p{
	margin-top: 10px;
	font-size: 14px;
}

div.intro p.small{
	font-size: 8px;
	font-weight: normal;
	color: #66289a;
	margin: 0px;
}

div.texto {
	margin-top: 20px;
	background: url(pen-line.gif) repeat-x top;
	padding-top: 20px;
}

div.texto p{
	margin-bottom: 12px;
	text-align: justify;
	font-size: 13px;
}

/* SECCION PORTADA */

#box_portada{
		
}

	/* box left */
	
	#box_portada div.box_left{
		float: left;
		width: 400px;
		margin-right: 20px;
	}
	
	#box_portada div.box_left li{
		list-style: none;
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	
	#box_portada div.box_left li.title{
		background: #270941;
		color: #fff;
		margin-bottom: 10px;
		padding: 5px;
	}
	
	#box_portada div.box_left li.c1{	color: #2d129e; }
	#box_portada div.box_left li.c2{	color: #66289a; }
	#box_portada div.box_left li.c3{	color: #f0e; }
	
	#box_portada div.box_left div.lista_a{
		float: left;
		width: 200px;
		margin-right: 10px;
		font-size: 34px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 20px;
	}
	
	#box_portada div.box_left div.lista_a li{
		margin-bottom: 20px;
	}
	
	#box_portada div.box_left div.lista_a li.title{
		font-size: 20px;
	}
	
	#box_portada div.box_left div.lista_b{
		float: right;
		width: 180px;
		font-weight: bold;
		font-size: 14px;
	}
	
	#box_portada div.box_left div.lista_b ul{
		margin-bottom: 10px;
	}
	
	#box_portada div.box_left div.lista_b li{
		margin-bottom: 2px;
	}
	
	/* box right */
	
	#box_portada div.box_right{
		float: left;
		width: 370px;
		background: #f00;
		padding-left: 0px;
		background: url(dotted-v.gif) repeat-y left;
		margin-right: 20px;
	
	}

	
	#box_portada div.box_fb{
		background: #fff;
		float: left;
	}

/* SECCION QUIENES SOMOS */

#box_quienes{
	
}

#box_quienes div.intro{
	margin-bottom: 30px;
	width: 500px;
}

#box_quienes div.miembro{
	float: left;
	width: 408px;	
	margin-right: 20px;
	margin-bottom: 20px;
}

#box_quienes div.miembro div.cabecera{
	background: url(miembro-cabecera.gif) no-repeat;
	height: 98px;
	padding: 15px;
}

#box_quienes div.miembro div.cabecera img{
	float: left;
}

#box_quienes div.miembro div.cabecera h2, #box_quienes div.miembro div.cabecera p{
	margin-left: 100px;
}

#box_quienes div.miembro div.cabecera h2{
	margin-top: 15px;
	color: #f0e;
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: -2px;
	margin-bottom: 10px;
}

#box_quienes div.miembro div.cabecera p{
	text-transform: uppercase;
	line-height: 12px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
}

#box_quienes div.miembro div.cuerpo{
	padding: 10px;
}

#box_quienes div.miembro div.cuerpo p.propio{
	font-style: italic;
	margin-top: 10px;
	color: #66289a;
}



/* SECCION SERVICIOS */

#box_servicios{
	
}

#box_servicios div.intro{
	margin-bottom: 30px;
	width: 500px;
}

#box_servicios div.lista_servicios{
	float: left;
	width: 400px;
	margin-right: 10px;
	font-size: 20px;
	letter-spacing: -1px;
	padding-left: 20px;
}

#box_servicios div.lista_servicios a{
	text-decoration: none;
	padding: 0px 5px;
}

#box_servicios div.lista_servicios ul{
	padding: 5px 0px;
}

#box_servicios div.lista_servicios li{
	list-style: none;
	text-transform: uppercase;
	margin-bottom: 10px;
}


#box_servicios li.c1 a{	color: #2d129e; }
#box_servicios li.c2 a{	color: #66289a; }
#box_servicios li.c3 a{	color: #f0e; }

#box_servicios li.c1 a:hover{	background: #2d129e; color: #fff; text-decoration: none !important; }
#box_servicios li.c2 a:hover{	background: #66289a; color: #fff; text-decoration: none !important; }
#box_servicios li.c3 a:hover{	background: #f0e; color: #fff; text-decoration: none !important; }

#box_servicios div.fotos_servicios{
	margin-left: 430px;
	padding-left: 100px;
	background: url(dotted-v.gif) repeat-y left;
	width: 240px;
	height: 320px;

}

#box_servicios div.fotos_servicios div{
	position: absolute;
}

/* box left */

#box_servicios div.box_left{
	width: 500px;
	float: left;
}


/* box right */

#box_servicios div.box_right{
	margin-left: 530px;
	padding-left: 20px;
	background: url(dotted-v.gif) repeat-y left;

}


#box_servicios div.menu_servicios{
	background: url(papel-menu-servicios.gif) no-repeat;
	padding: 10px;
	width: 252px;
	height: 251px;
	padding: 40px 20px;
	
}

#box_servicios div.menu_servicios h3{
	text-transform: uppercase;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #fff;
	margin-bottom: 10px;
	background: #bbb;
	padding: 5px;
	width: 210px;
}

#box_servicios div.menu_servicios li{
	list-style: none;
	margin-bottom: 3px;
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: bold;
}

#box_servicios div.menu_servicios li.current{

}

#box_servicios div.menu_servicios li a{ padding-left: 20px; padding-right: 5px; text-decoration: none; }
#box_servicios div.menu_servicios li a:hover{text-decoration: underline; background: #f0e !important; }
#box_servicios div.menu_servicios li a:visited{ background: url(visto.gif) no-repeat 0px 3px; }



/* SECCION CLIENTES */

#box_clientes{
	
}

#box_clientes div.intro{
	margin-bottom: 30px;
	width: 500px;
}

#box_clientes div.cliente{
	float: left;
	width: 408px;	
	margin-right: 20px;
	margin-bottom: 20px;
	background: #fff;
	padding: 15px;
}

#box_clientes div.cliente img{
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px #ccc solid;
}

#box_clientes div.cliente h2, #box_quienes div.cliente p{

}

#box_clientes div.cliente h2{
	margin-top: 15px;
	color: #999;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin-bottom: 5px;
}

#box_clientes div.cliente p{
	line-height: 12px;
	font-size: 11px;
}

/* SECCION PROYECTOS */

#box_proyectos{
	
}

#box_proyectos div.intro{
	margin-bottom: 30px;
	width: 500px;
}

#box_proyectos div.proyecto{
	float: left;
	width: 425px;
	margin-right: 5px;
	margin-bottom: 20px;
	background: #fff;
	padding: 10px;
	border: 1px #ccc solid;
}

#box_proyectos div.proyecto div.description{
	float: left;
	width: 410px;
	margin-right: 15px;
}

#box_proyectos div.proyecto h2{
	color: #2d129e;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: -2px;
}

#box_proyectos div.proyecto p{
	font-size: 13px;
	line-height: 16px;
}

#box_proyectos div.proyecto div.media{

}



/* SECCION MAKING OFF */

#box_makingoff{
	
}

#box_makingoff div.intro{
	margin-bottom: 30px;
	width: 500px;
}

#box_makingoff div.item{
	float: left;
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 170px;
	background: #fff;
}

#box_makingoff div.item a img{
	border: 8px #ccc solid;
	margin-bottom: 5px;
}

#box_makingoff div.item a:hover img{
	border: 8px #999 solid;
	margin-bottom: 5px;
}

#box_makingoff div.item p{
	color: #2d129e;
	font-size: 11px;
	line-height: 12px;
}


/* SECCION CONTACTO */

#box_contacto{
	
}

#box_contacto div.intro{
	margin-bottom: 30px;
	width: 500px;
}

#box_contacto #formulario{
	
}

#box_contacto #formulario td{
	vertical-align: top;
	padding: 3px 5px;
}

#box_contacto #formulario input.textbox, #box_contacto #formulario textarea{
	font-size: 18px;
	color: #66289a;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	padding: 1px 3px;
	background: #fff;
	border: 1px #ccc solid;
}

#box_contacto #formulario td.nombrecampo{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #66289a;
	text-align: right;
}

#box_contacto #formulario td.separador{
	border-top: 1px #bbb solid;
	padding-top: 10px;
}

#box_contacto #formulario input.button{
	background: #f0e;
	font-size: 18px;
	letter-spacing: -1px;
	color: #fff;
	width: 160px;
	height: 35px;
	margin-right: 5px;
	border: 0;
}


/* SECCION WEBMAP */

#box_webmap{
	
}

#box_webmap div.intro{
	margin-bottom: 30px;
	width: 500px;
}

#box_webmap li{
	margin-bottom: 6px;
	border-bottom: 1px #a2a2a2 solid;
	padding-bottom: 6px;
	list-style: none;
	line-height: 20px;
}

#box_webmap li a{
	font-size: 18px;
	letter-spacing: -1px;
}

#box_webmap li ul{
	margin-left: 20px;
}

#box_webmap li li{
	border-bottom: 0;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#box_webmap li li a{
	font-weight: bold;
	font-size: 16px;
	font-weight: bold;
}


/* PIE DE PÁGINA */

#footer{
	margin-top: 40px;
	width: 640px;
	background: url(footer-lines.gif) repeat-x top;
	padding: 25px 10px 10px 10px;
}

#footer div.box_left{
	float: left;
}

#footer div.box_right{
	float: right;
}

/* SPONSORS */

#sponsors{
	margin-top: 30px;
	padding-left: 30px;
	background: url(bg-sponsors.gif) no-repeat left top;
	padding-top: 26px;
	height: 100px;
} 

#sponsors li{
	display: inline;
	margin-right: 4px;
}


/* POST'IT
--------------------------------------*/

#postit{
	position: absolute;
	top: 20px;
	left: 690px;
	width: 163px;
	height: 86px;
	background: url(postit.png) no-repeat;
	-background: url(postit.gif) no-repeat;
	cursor: move;
	z-index: 999 !important;
}



#postit p{

	display: none;

}



/* Gallery  =================================================== */

 
/*preload classes*/ 
.svw {
width: 50px; height: 20px; background: #fff;
} 
.svw ul {position: relative; left: -999em;} 
.svw li{
	
} 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 10px solid #eee;
border-bottom: 40px solid #eee;
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none;
margin-left: 0 !important;
} 

.stripViewer ul li {  
float:left; 
background: 0 !important;
padding: 0 !important;
margin: 0 !important;
} 
.stripTransmitter { 
overflow: auto; 
width: 1%;
height: 40px; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 40px; 
float:left; 
margin: 0 1px 1px 0 !important;
padding: 0 !important;

} 
.stripTransmitter a{ 
font-size: 30px;
font-weight: bold;
text-align: center; 
line-height: 32px;
background: #a2a2a2; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover{ 
background: #ddd; 
color: #f0e; 
}
.stripTransmitter a.current{
background: #f0e; 
color: #fff; 
}