@charset "utf-8";

/* @group General Styles */

body {
	/*background: repeat url(body_bg.png);*/
	/*background: #e3e1e4 repeat-x url(../../images/body-agua-v2.jpg);*/
	background: repeat-x url(../../images/bg_body.jpg);
	background-color:#D3D3D3;
	margin:0;
	padding: 0;
	font: 12px/1.5em Verdana, sans-serif;
	color: #59595A;
}

p {
}

b, strong {

}

a:link, a:visited {
	color: #0065de;
}
a:hover, a:active {
	text-decoration: none;
}

img {

}

a img {
	border:0;
}

.image-left {
	float: left;
	margin: 3px 3px 3px 0;
}

.image-right {
	float: right;
	margin: 3px 3px 3px;
}
	
/* @end */

/* @group Layout */

.clearer {
	clear: both;
}

#container {
	width: 810px;
	background: repeat-y url(../../images/bg_pagina.jpg) #ffffff;
	margin-right: auto;
	margin-left: auto;
}
#contenedorCabecera {
	width: 810px;
	background: url(../../images/bg_cabecera.jpg) #ffffff;
	margin-right: auto;
	margin-left: auto;
	height: 200px;
}

#pageHeader {
	text-align: left;
	height: 200px;
	width: 810px;
	position:relative;
}

#banner {
	height: 199px;
	width: 453px;
	position: absolute;
	right: 0.5px;
	bottom: 0.5px;
	margin: 0;
	padding: 0px;
}
/*html > body #contentContainer {
	margin-left: 4px;
}*/
#contentContainer {
	float: left;
	margin-left: 35px;
}

#contentContainer #content {
	padding: 20px 0px 20px 0px;
}
/*html > body #sidebarContainer {
	margin-right: 4px;
	margin-top: 2px;
}*/
#sidebarContainer {
	width: 194px;
	margin-top: 2px;
	float: right;
}

#sidebarContainer #sidebar {
	padding: 10px 16px 10px 0px;
}

#sidebarContainer .sideHeader {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
}

#footer {
	width: 810px;
	height: 60px;
	background: no-repeat url(../../images/pie_v3C.jpg);
	margin-right: auto;
	margin-left: auto;
	padding-top: 6px;
	text-align: left;
	color: silver;
}

#footer p {
	padding: 5px 20px 5px 30px;
	margin: 0 215px 0 20px;
	border-left-width: 14px;
}
#pieCreditos  {
	padding: 5px 210px 5px 0px;
	text-align:center;
	width: 600px;
	margin: 0 auto;
}
#footer a:link, #footer a:visited {
	color: #70bade;
}

#footer a:hover, #footer a:active {
	background-color: white;
}
/****************NAVIGATION BAR styles******************/

#nav {
	position: absolute;
	width: 304px;
	left: 30px;
	bottom: 16px;
}

#nav a {
	text-decoration: none;
	background-position: center;
}

ul#nav_main {
	list-style-type: none;
	width: 276px;
	height: 30px;
	margin: 0;
	padding: 0;
}

li#empresa, li#servicios, li#clientes, li#contacto, li#blog {
	position: absolute;
	width: 76px;
	height: 30px;
}

li#empresa {left: 0px; background: url(../../images/nav/empresa.jpg) no-repeat;}
li#servicios {left: 76px; background: url(../../images/nav/servicios.jpg) no-repeat;}
li#clientes {left: 152px; background: url(../../images/nav/clientes.jpg) no-repeat;}
li#contacto {left: 228px; background: url(../../images/nav/contacto.jpg) no-repeat;}
li#blog {left: 304px; background: url(../../images/nav/blog.jpg) no-repeat;}

ul#nav_main a {
	display: block;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
}

li#empresa a:hover { background: url(../../images/nav/empresa-over.jpg) no-repeat; }
li#servicios a:hover { background: url(../../images/nav/servicios-over.jpg) no-repeat; }
li#clientes a:hover { background: url(../../images/nav/clientes-over.jpg) no-repeat; }
li#contacto a:hover { background: url(../../images/nav/contacto-over.jpg) no-repeat; }
li#blog a:hover { background: url(../../images/nav/blog_over.jpg) no-repeat; }

/*****************end NAVIGATION BAR styles**************/	
/* @end */

/* @group Bread-crumb */

#breadcrumbcontainer {
}

#breadcrumbcontainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#breadcrumbcontainer li {
	display: inline;
}

#breadcrumbcontainer a {

}

#breadcrumbcontainer a:hover {

}
	
/* @end */

/* @group Toolbar */

/* Toolbar Styles */

#navcontainer {
}

#navcontainer #current {
	border-color: #0080ff;
}

#navcontainer #current:hover {
	border-color: #0065de;
}

#navcontainer .currentAncestor {
	border-color: #0080ff;
}

/* Parent - Level 0 */

#navcontainer ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top: 5px;
	font-weight: bold;
}

#navcontainer li {
}

#navcontainer a {
	display: block;
	border-color: #0065de;
	background: url(../../images/nav-cian.jpg) left center no-repeat;
	height: 26px;
	padding: 8px 10px 0px;
	border-right: 16px solid;
	text-decoration: none;
	color: #333333;
	margin-bottom: 1px;
}

#navcontainer a:hover {
	border-color: #0080ff;
	border-right: 16px solid;
	background: url(../../images/nav-magenta.jpg) left center no-repeat;
	margin-bottom: 1px;
}

#navcontainer a:active {
	background: url(../../images/nav-magenta.jpg) no-repeat;
	margin-bottom: 1px;
}

/* Child - Level 1 */

#navcontainer ul ul {
	margin-bottom: 1px;
}

#navcontainer ul ul li {
}

#navcontainer ul ul a {
	padding-left: 25px;
	margin-bottom: 0;
	border-color: #0080ff;
}

#navcontainer ul ul a:hover{
	border-color: #0065de;
}
#navcontainer ul ul #current{
	list-style: disc inside;
}

#navcontainer ul ul .currentAncestor {
	list-style: disc inside;
}

/* Child - Level 2 */

#navcontainer ul ul ul {
	margin-bottom: 0;
}

#navcontainer ul ul ul li { 
}

#navcontainer ul ul ul a{
	padding-left: 50px;
	list-style: circle inside;
}

#navcontainer ul ul ul a:hover{

}

/* Child Level 3 */

#navcontainer ul ul ul {

}

#navcontainer ul ul ul ul li { 
}

#navcontainer ul ul ul ul a{
}

#navcontainer ul ul ul ul a:hover{

}

/* Child Level 4 */

#navcontainer ul ul ul ul {

}

#navcontainer ul ul ul ul ul li { 
}

#navcontainer ul ul ul ul ul a{
}

#navcontainer ul ul ul ul ul a:hover{

}

/* Child Level 5 */

#navcontainer ul ul ul ul ul {

}

#navcontainer ul ul ul ul ul ul li { 
}

#navcontainer ul ul ul ul ul ul a{
}

#navcontainer ul ul ul ul ul ul a:hover{

}

/* @end */

/* @group Global Classes */

blockquote, .standout {
	font-style: italic;
	padding: 3px 10px;
	line-height: 1.8em;
	margin: 10px 0;
	border-top: 2px solid #bcbcbc;
	border-bottom: 2px solid #bcbcbc;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.imageStyle {

}

#contentContainer #content ul {
}

#contentContainer #content li {
}

#sidebarContainer #sidebar ul {
}

#sidebarContainer #sidebar li {
} 

table {
	font-size: 1em;
}
/* @end */

/* @group Blog */

/* @group Archive Page */

.blog-archive-background {
	
}

.blog-archive-headings-wrapper {
}

.blog-archive-entries-wrapper {
}

.blog-archive-entries-wrapper .blog-entry {
}

.blog-archive-month {
	font-size: 1.5em;
	font-weight: bold;
	padding: 0;
}

.blog-archive-link {
	padding: 0.5em 0 2em 0;
}

.blog-archive-link:after {
	content: "\30b3 \30fc \30ca \30fc \3078 \623b \308b ";
}

.blog-archive-link a:link, .blog-archive-link a:visited {
}
	
/* @end */

.blog-entry {
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 550px;
}

.blog-entry-summary {
}

.blog-read-more {
}

.blog-entry-title {
	font: 1.5em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	color: #0065de;
}

.blog-entry-date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 10px;
}

.blog-entry-body {
}

.blog-entry-comments {
	padding-top: 20px;
}

.blog-entry-category {
	font-family: Verdana

}

/* LEFT */

#clientes {
	margin:0;
	text-align:left;
	width: 500px;
}
.clientes-col {
	margin:0 10px;
	text-align:left;
	width: 220px;
	float:left;
}
#clientes ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
#clientes ul li{
	padding: 0px;
	margin: 0px;
	background-image:none;
}
#clientes ul li img{
	padding: 4px;
	margin: 5px;
	border: solid 1px #CCCC99;
	background-color: #FFFFFF;
}
#showsAnimacion {
	margin:0px 10px 10px 10px;
	width: auto;
}
#showsAnimacion ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
#showsAnimacion ul li{
	padding: 0px;
	margin: 0px;
	background-image:none;
	/*float:left;*/
	display:inline;
}
#showsAnimacion ul li img{
	padding: 2px;
	margin: 10px 10px 10px 0px;
	background-image:none;
	border: solid 1px #CCCC99;
}
#showsProfesionales {
	margin:10px 0px 10px 0px;
}
#showsProfesionales ul{
	margin:0;
	padding:0;
	list-style-type: none;
}
#showsProfesionales ul li {
	padding: 0px;
	margin: 0px;
	background-image:none;
/*	float: left;*/
	display:inline;
}
#showsProfesionales ul li img {
	padding: 2px;
	margin: 10px 10px 10px 0px;
	background-image:none;
	border: solid 1px #CCCC99;
}
.destacado
{
	clear:both;
	font-weight: bold;
	padding: 10px;
	background-color: #edf4f6;
	border: 1px dashed #bfe7f6;
}
.derecha {
	float:right;
}
.imgDerecha {
	float:right;
	margin-left:10px;
}

.imgIzquierda {
	float:left;
	margin-right:30px;
}
.justificado {
	text-align:justify;
}
.imgEmpresa {
	padding: 5px;
	margin: 5px;
	border: solid 1px #CCCC99;
	background-color: #FFFFFF;
}
#accordion {
	
}

.toggler {
	cursor: pointer;
	width:540px;
	height:20px;
	background-repeat: repeat-x;
	padding: 0px 0px 0px 10px;
	/*	border: 1px solid #666;*/
	background-image: url(../../images/bg_header.gif);
	margin: 5px 0;
	clear: both;
	font-size: 0.9em;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	
}
.element {
	width:550px;
	padding: 0 0;
}
.element p {
	margin: 0;
	padding: 0px 10px 5px 10px;
}
.barra-titular {
	width:540px;
	height:20px;
	background-repeat: repeat-x;
	padding: 0px 0px 0px 10px;
	background-image: url(../../images/bg_header.gif);
	margin: 5px 0;
	clear: both;
	font-size: 0.9em;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	
}
.elemento-titular {
	width:550px;
	padding: 0 0;
}
.elemento-titular p {
	margin: 0;
	padding: 0px 10px 5px 10px;
}
.element ul {

}
.element li {

}
#direccion {
	float: left;
	margin: 3px 10px 0px 0px;
}
#formContacto {
	padding-top: 20px;
	clear: right;
	float: left;
}
#formCaptacion{
	width: 500px;
	clear: right;
	float: left;
	margin-top:30px;
}
#puzzle
{
	width: 210px;
	height: 232px;
	background-image: url(../../images/puzzle.jpg);
	border: 4px solid #FFF;
	float: left;
	margin: 3px 10px 0px 0px;
}
#colabora p 
{
	color: #333;
	font-size: 12px;
	margin: 10px 0px 10px 0px;
	padding:0px;

}

#colabora p strong
{
	display: inline;
	color: #15587f;
}

#contenidoContacto form {margin: 0px;padding: 0px;}
#contenidoContacto fieldset {border:none;margin: 0;}
#contenidoContacto{width:510px;position:relative}
#contenidoContacto form p{margin-bottom:0;padding:0}
#contenidoContacto form em{color:#F00}
#contenidoContacto input {background:#FAFAFA url(../../images/inpfield.jpg) top left no-repeat;border-top:1px solid #DDD;border-left:1px solid #DDD;padding:3px}
#contenidoContacto textarea{background:#FAFAFA url(../../images/inparea.jpg) top left no-repeat;border-top:1px solid #DDD;border-left:1px solid #DDD;padding:3px;width:450px;height:100px}
#contenidoContacto select{margin-top:4px}
#contenidoContacto input{width:220px;margin:0}
#contenidoContacto input[type="text"]:hover,input[type="text"]:focus{background-position:-278px}
#contenidoContacto textarea:hover,textarea:focus{background-position:-577px}
#contenidoContacto label{color:#888;letter-spacing:.1em;font-weight:bold;display:block;margin:20px 0 1px}
#contenidoContacto .boton{background:url(../../images/bg_bttn.jpg) center bottom no-repeat;font-family:Arial,Helvetica,sans-serif;margin:6px;width:50px;height:20px;color:#666666;font-weight:bold;cursor:pointer;border:0;font-size:1em;letter-spacing:0.1em}
#note{
	background:url(../../images/mail.jpg) top left no-repeat;
	font-family:"Courier New",Courier,monospace;
	position:absolute;
	right:-31px;
	top:0px;
	width:211px;
	height:201px;
	padding:20px 0 0 80px;
}
#note p{line-height:18px;margin:0}
#note strong{background:transparent}
address{font-style:normal;line-height:19px}
#note .nr{margin-top:160px}


.fichaContenedor {
	width:auto;
	margin:0 10px;
	padding:0;
/*	border: 1px solid;
	border-color: #BD8F44;*/
}
.fichaCabecera {
	cursor: pointer;
	width:auto;
	height:20px;
	background-color: #E9E4E7;
	padding-left: 20px;
	color: #59595A;
	padding-top: 0px;
	font-weight: bold;
	background-image: url(../../images/bg_header.gif);
	margin: 0 10px;
	font-size: 0.9em;
	/*border: 1px solid #ddd;*/
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.fichaContenido {
	width:auto;
	margin:0px;
	padding:5px;
	/*background-image: url(../../images/shows/fondo-showbands.jpg);*/
	background-repeat:no-repeat;
	background-position: bottom;
	background-color: #F1EFF0;
	display: block;
	border: 1px solid #ddd;
}
.fichaTexto {
	margin:0;
	padding:20px 0;
	clear: both;
	float: none;
}
.fichaImagen {
	padding:4px;
	float: left;
	border: 1px solid #999;
	background-color: #FFFFFF;
	margin-top: 5px;
}
.thumbsContenedor {
	margin:0;
	padding:0;
	display: block;
	float: right;
	width: 280px;
	height: auto;
}
.thumbsContenedor img{
	float:right;
	margin:5px 0px 4px 4px;
	padding:2px;
	background-color:#FFFFFF;
	border:1px solid #666600;
}

/* ************************************ MINI ADS!!!!!!!*/
#addToFavoritos 
{
	background-image: url(../../images/favoritos.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height: 76px;
	margin: 20px 0px 0px 0px;
	display: block;
}

#addToFavoritos:hover
{
	background-position: bottom left;
}

#captacion
{
	background-image: url(../../images/captacion03.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height: 109px;
	margin: 20px 0px 0px 0px;
	display: block;
}

