@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
}

#body,
#footer .wrap,
#credits .wrap{
	width: 970px;
	margin: 0 auto
}

#body .wrapper{
	padding: 0 10px 20px 10px
}

/*div{
	border: 1px solid #ccc;
	margin: -1px
}*/

/*	-----------------------------------------------
	HEAD
*/
#head{
	border-bottom: 1px solid #840080;
	height: 100px
}

#logo{
	position: absolute;
	top: 30px;
	width: 100px;
}
#logo img{
	border: none
}


/*	-   -   -   -   -   -   -   -   -   -   -   -  
	MENU
*/

#menu{
	float: right;
	width: 800px;
	margin-top: 48px
}

#menulist{
	list-style-type: none;
	text-align: right
}

#menulist li{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin: 0 5px 0 5px;
	line-height: 12px
}

#menulist li a{
	text-decoration: none;
	font-weight: bold;
	color: #666;
	display: block;
	padding: 5px 5px;
}

#menulist li.active,
#menulist li.active a:hover{
	background: #840080;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}

#menulist li a:hover{
	background: #f0f0f0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}

#menulist li.active a{
	color: #fff;	
}

/*	-----------------------------------------------
	ZIG
*/

#zig{
	height: 310px;
	overflow:hidden;
	border-bottom: 1px solid #840080;
}

#zig span{
	background: #840080;
	display: block;
	float: left;
	width: 315px;
	height: 310px;
	margin:0;
	border: none;
	overflow:hidden
}

#zig span._3{width: 320px;}
#zig img{
	margin:0;
	border: none;	
}

/*	-----------------------------------------------
	ENTRADILLAS HOME
*/

#entradillas{

}

#entradillas h2{
	color: #840080;
	border-bottom: 1px solid #f2f2f2;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0 5px 0 0;
	font-weight: normal;
	font-size: 24px
}

#entradillas h2 a{
	color:#840080;
	text-decoration: none;
	display: block;
	padding: 0 0 0 0;
	
}

.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;

}

#entradillas p{
	color: #666;
	padding: 0 5px;
	line-height: 20px
}

#entradillas .col-3{
	background: transparent url(../imagenes/bg.entradillas.gif) no-repeat
}

#footer .col-3,
#entradillas .col-3{
	float: left;
	width: 305px;
	margin-right: 10px
}


/*	-----------------------------------------------
	FOOTER
*/

#footer{
	color: #666;
	padding: 10px 0 10px 0;
	background: #eee url(../imagenes/bg.f.t.gif) top repeat-x;
}

#footer label{
	display: block;
	padding: 5px 0 5px 5px;
	margin: 10px 0 0 0
}

#contact-form,
#footer .head{
	margin: 0 10px;
	height: 25px
}

#footer .expand{
	float: right;
	margin: -5px 5px 0 0
}

#footer .expand a{
	text-indent: -2000px;
	display: block;
	width: 24px;
	height: 22px;
	background: transparent url(../imagenes/expand.gif) top no-repeat;
	outline: none
}

#credits{
	margin: 0 0 20px 0;
	color: #999999;
	font-size: 11px;
	clear: both;
	padding: 10px 0;
	background: transparent url(../imagenes/bg.f.b.gif) top repeat-x
}

#footer p{
	padding: 5px 0 0 5px;
	line-height: 20px
}

#footer a,
#footer a:visited{
	color: #990099;
	text-decoration: none
}

#footer a:hover{
	text-decoration: underline
}

#contact-form{
	padding-top: 15px 
}
#footer .head{
	padding: 10px 0 0 0;
	border-bottom: 1px solid #dfdfdf
}
#footer h2{
	color: #840080;
	font-weight: normal;
	font-size: 19px;
	position: absolute
}

#footer input,
#footer textarea,
#footer select{
	margin: 0 0 0 4px;
}

#footer .input,
#footer textarea,
#footer select{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	width: 280px;
	color: #333
}

#contact-form{
	height: 160px;
}

.copyright{
	margin-left: 10px;
	position: absolute
}
.powered{
	float: right;
	margin-right: 10px
}

.bx{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	background: transparent url(../imagenes/logo.peu.bx.gif) no-repeat;
	width: 25px;
	height: 12px;
	text-indent: -2000px
}

/*	-----------------------------------------------
	3 columnas
*/
#col3-izq,
#col3-m,
#col3-der{
	float: left;	
}

#col3-izq{
	width: 240px;	
}

#col3-m{
	width: 490px;	
}

#col3-der{
	width: 240px;	
}

/*	-----------------------------------------------
	2 columnas
*/
#col2-izq,
#col2-der{
	float: left;	
}

#col2-izq{
	width: 620px;	
}

#col2-der{
	width: 240px;	
}



/*	-----------------------------------------------
	SUB-MENU (QUIENES SOMOS)
*/

ul.sub-menu{
	list-style-type: none;
	padding: 10px 10px 0 0
}

ul.sub-menu li{
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #eee;

}
ul.sub-menu li a{
	text-decoration: none;
	color: #999;
	display: block;
	padding: 5px;
}

ul.sub-menu li a.active{
	color: #840080;
}

ul.sub-menu li a:hover{
	color: #840080
}

/*	-----------------------------------------------
	PATH
*/

#path{
	font-size: 11px;
	padding: 5px;
	margin: 0 0 10px ;
	border-bottom: 1px solid #f1f1f1;
}

#path a,
#path a:visited{

	color: #840080;
	text-decoration: none;
}

#path a:hover{
	text-decoration: underline
}

/*	-----------------------------------------------
	ANTERIOR - SIGUIENTE
*/

#nav-servicios{
	font-size: 11px;
	padding: 0 5px 0 5px;
	height: 20px;
	margin: 10px 0 15px 0;
	border-bottom: 1px solid #f1f1f1;
}

#nav-servicios a,
#nav-servicios a:visited{
	color: #840080;
	display: block;
	text-decoration: none;
}

#nav-servicios a:hover{
	text-decoration: underline
}

#nav-servicios .anterior{
	padding: 5px 0 0 0;
	position: absolute
}


#nav-servicios .siguiente{
	float: right
}

/*	-----------------------------------------------
	CONTENIDO TXT
*/
#contenido{
	border-bottom: 1px solid #f1f1f1;
}

#contenido h1{
	color: #840080;
	margin-bottom: 5px;
	padding: 0 5px 0 3px;
	font-weight: normal;
	font-size: 30px
}


#contenido h3{
	font-size: 19px;
}

#contenido h1 a{
	color:#840080;
	text-decoration: none;
	display: block;
	padding: 10px 0 0 0;
}

#contenido p{
	color:#333333;
	padding: 0 0 10px 5px;
	line-height: 20px;
}
#contenido p a{
	color:#840080;
	text-decoration: none;
}

#contenido .negrita{
	color:#840080;
	font-weight: bold
}

#contenido ul.gen{
	list-style-type: none;
	margin-bottom: 15px;
	padding: 0 0 0 5px
}


#contenido ul.gen li{
	padding: 5px 0
}

#contenido img{
	border-top: 1px solid #840080;
	border-bottom: 1px solid #840080;
	margin: 0 0 15px 0
}

/*	-----------------------------------------------
	LISTADO DE SERVICIOS
*/

ul#listado-servicios{
	list-style-type: none
}

ul#listado-servicios li{
	border-top: 1px solid #eee;
	padding: 10px 0
}

ul#listado-servicios li a.mas-info{
	display: block;
	padding: 5px 5px
}

.cs2-izq{
	float: left;
	width: 240px
}

.cs2-der{
	float: left;
	width: 700px
}

ul#listado-servicios h3{
	width: 240px;

	color: #840080;
	margin-left: 5px;
}

ul#listado-servicios h3 a{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;

}

ul#listado-servicios p{
	margin: 0 0 0 0
}

ul#listado-servicios a{
	width: 230px;
	color:#840080;
}
ul#listado-servicios a:hover{
	text-decoration: underline
}
ul#listado-servicios a:visited{
	text-decoration: none
}

ul#listado-servicios img{
	border: none
}

/*	-----------------------------------------------
	LISTADO DE CLIENTES
*/

ul#listado-clientes{
	list-style-type: none
}

ul#listado-clientes li{
	border-top: 1px solid #eee;
	padding: 10px 0;
}

ul#listado-clientes li a.mas-info{
	margin-left: 95px;
	display: block;
	padding: 5px 0 0 0
}

ul#listado-clientes h3{
	color: #840080;
	margin-left: 95px;
}

ul#listado-clientes p{
	margin: 0 0 0 90px;
	padding: 5px 0 0 5px
}

ul#listado-clientes a img{
	border: none
}

ul#listado-clientes a.img{
	position: absolute;
}

ul#listado-clientes a{
	color:#840080;
}
ul#listado-clientes a:hover{
	text-decoration: underline
}
ul#listado-clientes a:visited{
	text-decoration: none
}
ul#listado-clientes img{
	border: none
}

/*	-----------------------------------------------
	LISTADO DE TEMAS DE INTERES
*/

ul#listado-temas{
	list-style-type: none
}

ul#listado-temas li{
	border-top: 1px solid #eee;
	padding: 10px 0;
}

ul#listado-temas li a.mas-info{
	margin-left: 5px;
	display: block;
	padding: 5px 0 0 0
}

.fecha{
	color: #888888;
	font-size: 11px;
	margin-top: -5px
}

ul#listado-temas h3{
	color: #840080;
	margin-left: 2px;
}

ul#listado-temas p{
	margin: 0 0 0 0px;
	padding: 5px 0 0 5px
}

ul#listado-temas a img{
	border: none
}

ul#listado-temas a.img{
	position: absolute;
}

ul#listado-temas a{
	color:#840080;
}
ul#listado-temas a:hover{
	text-decoration: underline
}
ul#listado-temas a:visited{
	text-decoration: none
}
ul#listado-temas img{
	border: none
}

/*	-----------------------------------------------
	DONDE ESTAMOS
*/

#direccion{
	border: 1px solid #eee;
	background: #f8f8f8;
	margin: 4px;
	padding: 10px
}

.google-embed,
.info{
	float: left
}

.google-embed{
	width: 620px;
	float: left
}

.info{
	width: 300px;
	float: left
}

.map{
	background: #fff;
	padding: 5px;
}

.ver-gm{
	font-size: 11px;
	display: block;
	margin: 5px 0 2px 0;
	color: #840080;
	text-decoration: none
}

a.ver-gm:hover{
	text-decoration: underline
}


/*	-----------------------------------------------
	DONDE ESTAMOS
*/

ul.listado-enlaces{
	list-style-type: none;
	padding: 0 0 0 5px
}

ul.listado-enlaces li{
	font-size: 12px;
	list-style-type: none;
	padding: 5px 0 5px 15px;
	background: transparent url(../imagenes/bllt.list.gif) 2px 5px no-repeat
}

ul.listado-enlaces li h3{

	color: #666
}

ul.listado-enlaces li a{
	color: #840080;
	text-decoration: none
}

ul.listado-enlaces li a:hover{
	text-decoration: underline
}


/* -------------------------------------
   OTROS
*/
.pdf{
	width:620px;
	height:auto;
}