/* --------------------------NEW LUIS */

/* reset modificado Jacobo */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style-type: none;
}

body { line-height: 1.5;}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* @end reset */




.left {	float:left;}

.right {float:right;}

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

#menu {
	bottom:1px;
	left:0;
	width:600px;
	font-size:12px;
	line-height:normal;
	margin-left: 210px;
	position: absolute;
}

#menu ul {
	margin:0;
	padding:10px 10px 0 0;
	list-style:none;
}

#menu li {
	display:inline;
	margin:0;
	padding:0;
	font-weight:bold;
}

#menu a {
	float:left;
	background:url("/extranet/myimages/left.gif") no-repeat left top;
	margin:0;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 0 4px;
}

#menu a span {
	float:left;
	display:block;
	background:url("/extranet/myimages/right.gif") no-repeat right top;
	padding:4px 15px 4px 6px;
	color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#menu a span {	float:none;}

/* End IE5-Mac hack */

#menu a:hover span {color:#FFF;}
#menu a:hover {	background-position:0% 100%;}
#menu a:hover span {	background-position:100% 100%;}

#submenu {
	width:690px;
	font-size:12px;
	line-height:normal;
	position:relative;
}

a.back-sub {
	position:absolute;
	right:0;
	top:15px;
}

#submenu ul {
	margin:0;
	padding:10px 10px 0 0;
	list-style:none;
}

#submenu li {
	display:inline;
	margin:0;
	padding:0;
	font-weight:bold;
}

#submenu li a {
	float:left;
	background:url("/extranet/myimages/left.gif") no-repeat left top;
	margin:0;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 0 4px;
}

#submenu li a span {
	float:left;
	display:block;
	background:url("/extranet/myimages/right.gif") no-repeat right top;
	padding:4px 10px 4px 6px;
	color:#FFF;
}

#submenu li a span {float:none;}
#submenu li a:hover span {	color:#FFF;}
#submenu li a:hover {background-position:0% 100%;}
#submenu li a:hover span {background-position:100% 100%;}

/* --------------------------END TABS MENU */

#loading {
 	width: 200px;
 	height: 100px;
 	background-color:#fff;
 	position: absolute;
 	left: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
	z-index:100;
	padding-top:30px;
	border:1px solid #ccc;
	top:50px;
}

#loading p {
	font-weight:normal;
	text-decoration:none;
	color:#666;
	text-transform:uppercase;
	font-style:normal;
}

#loading img.loadgif {
	margin-right:auto;
	margin-left:auto;
}

/* --------------------------END LOADING */

body {
	font:12px Arial, Helvetica, Geneva, sans-serif;
	background-color: #E5E5E5;
}

#group {
	width:960px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	background-color: #FFFFFF;
}

#header {
	position:relative;
	height:95px;
	margin-bottom:20px;
	background-image: url(../imagenescc/bg-header.png);
	background-repeat:   repeat-x;
	background-color: #FFFFFF;
	background-position: bottom;
}
#logoaudio {margin-left: 30px;	display: block;}


.enlaces {
	color:#ffffff;
	font:normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	top:10px;
	text-decoration:none;
	float: right;
	left: 830px;
}

.enlaces a:link, .enlaces a:visited {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.enlaces a:hover {
	color:#93e1ff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

img.list_img {
	width:90px;
	height:68px;
	border:1px solid #ccc;
}

/* --------------------------BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px;
	font:bold 120%/130% Arial, Helvetica, Geneva, sans-serif;
	border:1px solid #999;
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.small_buttons a, .small_buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px;
	font:bold 80%/90% Arial, Helvetica, Geneva, sans-serif;
	border:1px solid #999;
}
.small_buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.small_buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.small_buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

/*button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}*/

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #660;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #ac0000;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

a.button {
    background: transparent url('/extranet/myimages/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button:hover {
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
}

a.button span {
    background: transparent url('/extranet/myimages/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

h2.message {
	display:block;
	line-height:1.8em;
} 



/* --------------------------FORM MAIN INFO */

div.label {
	border-style: none;
	display:block;
	background-color: #E5E5E5;
	margin-bottom:15px;
	padding:10px 15px;
}

div.label strong {
	color:#333333;
	margin-bottom:5px;
	display:block;
}

span.left_input {	float:left;	margin-right:16px;}

input {
	font-size:16px;
	color:#333;
	text-align:left;
}

input.num {	width:200px;}

input.small_num {width:130px;text-align:right;}

input.full {width:99%;}

textarea {
	color:#333;
	font:12px Arial, Helvetica, Geneva, sans-serif;
	width:99%;
}

select {
	color:#333;
	font:14px Arial, Helvetica, Geneva, sans-serif;
}

select.curr {
	color:#333;
	font:14px Arial, Helvetica, Geneva, sans-serif;
	width:60px;
}

div.helptext {
	font-size:12px;
	color:#666;
/*	display:block;*/
	background-color:#ffffc9;
	border:1px solid #ccc;
	padding:5px;
}

textarea.tw100 {width:98%;}
textarea.tw50 {	width:49%;}

/* --------------------------DETAILS */

label.features {
	float:left;
	display:block;
	width:220px;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	color:#335b98;
	margin-bottom:0.4em;
}

/* --------------------------IMAGES */

.img_box {
	width:200px;
	display:block;
	float:left;
	padding:0;
	margin:0 15px 20px 0;
}

.img_box img {
	width:198px;
	display:block;
	border:1px solid #666;
	margin:0 0 10px;
	padding:0;
}

/* --------------------------FILES */

th.title {
	padding:3px 3px 3px 6px;
	color:#335b98;
	font:normal bold 11px Verdana, Arial, Helvetica, sans-serif;
}

td.contact {
	border-bottom:1px dotted #ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:15px 5px;
	vertical-align:top;
	color:#333;
}

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

#footer {
	width:940px;
	background-color:#f2f2f2;
	padding:10px;
	margin-bottom:15px;
	margin-top:15px;
	border:1px solid #ccc;
	color:#666;
}

/* --------------------------END NEW LUIS */

/*   */

/*   */

/*   */

/*   */

/*   */

/*   */

/*   */

/*   */

/*   */

/*   */

/* ----------------- MAILING */

.button_big {
	font-size:14px;
	font-weight:bold;
	padding:4px;
}

#logotipo {
	color:#ffffff;
	font:18px Arial, Helvetica, Verdana, sans-serif;
	position:absolute;
	top:10px;
	width: 600px;
	left: 210px;
}

#content {
	width:690px;
	float:left;
	margin-right:10px;
	padding-right: 10px;
	padding-left: 10px;
}

#sidebar {
	width:230px;
	margin-right:10px;
/*	background-color:#f2f2f2;
	border:1px solid #ccc;
	padding:10px 10px 0;*/
	float:right;
}

.form_grey {
	background-color:#f2f2f2;
	border:1px solid #ccc;
	padding:10px;
}

#sidebar label {display:block;	margin-bottom:7px;}
#sidebar input, #sidebar select {
	/*display:block;*/
	font-size:14px;
	border: 1px solid #CCCCCC;
	padding: 3px;
}
#sidebar input.cb {	width:auto;	display:inline;}
#sidebar p {margin-bottom:10px;}

div.ok {
	background-color:#d3eb9b;
	border-top:1px solid #97be6a;
	border-bottom:1px solid #97be6a;
	padding:15px 20px 0;
	color:#516639;
	display:block;
	clear:both;
	margin-bottom:20px;
}

div.message {
	background-color:#fff3be;
	border-top:1px solid #e9d49f;
	border-bottom:1px solid #e9d49f;
	padding:15px 20px 0;
	color:#942604;
	display:block;
	clear:both;
	margin-bottom:20px;
}

div.okmessage {
	border-bottom-color: #8bc987;
	border-top-color: #8bc987;
	background-color: #aeffa8;
	border-top:1px solid;
	border-bottom:1px solid;
	padding:15px 20px 0;
	color: #12750a;
	display:block;
	clear:both;
	margin-bottom:20px;
}

h1 {
	font-size:22px;
	margin-bottom:15px;
	font-weight:normal;
	font-style:normal;
}

h2 {
	margin-bottom:15px;
	font-weight:bold;
	font-style:normal;
	font-size:16px;
}

div.label h2 {
	margin-bottom: 0px;
	font-weight:bold;
	font-style:normal;
	font-size:16px;
}

.step1 {background:url(/extranet/myimages/step1.gif) no-repeat;}
.step2 {background:url(/extranet/myimages/step2.gif) no-repeat;}
.step3 {background:url(/extranet/myimages/step3.gif) no-repeat;}
.step4 {background:url(/extranet/myimages/step4.gif) no-repeat;}
.stepk {background:url(/extranet/myimages/step4.gif) no-repeat;}


ul.lists li {line-height:2.5em;	font-size:25px;}

ul.steps {	display:block;	width:620px;height:30px;}
ul.steps li {	float:left;	display:block;	width:130px;text-align:center;line-height:2.3em;color:#999;}
ul.steps li a {	color:#002fd1;	font-weight:normal;	line-height:2.3em;	font-style:normal;	text-decoration:underline;}

.textarea {
	height:400px;
	width:616px;
	border:1px solid #999;
}

a.inactive {
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
	color:#ccc;
}

a, a:hover {font-weight:normal;	font-style:normal;	text-decoration:underline;	color:#002fd1;}


p {	margin-bottom:15px;}

strong {font-weight:bold;}
.clear {clear:both;}

#wait {
	z-index:100;

/*	width:300px;*/
	border:solid 1px #ccc;
	position:absolute;
	top:350px;
	left:280px;

/*margin-right:auto;*/
	background:white;
	padding:50px;
	text-align:center;
}

.credits {
	position:absolute;
	right:0;
	top:65px;
	color:#fff;
}

.credits a:link, .credits a:visited, .credits a:hover {	font-family:Verdana, Arial, Helvetica, sans-serif;	text-decoration:none;}
.credits a:link, .credits a:visited {color:#74be1f;}
.credits a:hover {	color:#ffffff;}

label.lw100, label.lw100l, label.lw50l, label.lw100xl, label.lw100xxl, label.lw50, label.lw50s {	display:block;	float:left;}
label.lw100 {	height:45px;	width:100%;}
label.lw100l {	height:90px;width:100%;}
label.lw50l {height:90px;width:50%;}
label.lw100xl {	height:180px;width:100%;}
label.lw100xxl {height:360px;width:100%;}
label.lw50 {height:45px;width:50%;}
label.lw50s {	height:20px;width:50%;}
label.lw100 span, label.lw50 span {	display:block;	margin-bottom:3px;}


input.iw100 {width:98%;}
input.iw75 {width:74%;}
input.iw50 {width:49%;}
input.iw25 {width:24%;}

div.popup_form {padding:10px;}

/* ----------------- END MAILING */

a.edit_buttonred, a:hover.edit_buttonred, a.edit_buttonblue, a:hover.edit_buttonblue, a.edit_buttonorange, a:hover.edit_buttonorange{font-size: 12px;font-weight: bold;padding: 1px;}

a.edit_buttonred{color: #cc0000;text-decoration: none;}
a:hover.edit_buttonred{	color: #cc0000;	text-decoration: underline;}

a.edit_buttonblue{	color: #3366ff;	text-decoration: none;}
a.hover.edit_buttonblue{color: #3366ff;	text-decoration: underline;}

a.edit_buttonorange{color: #ff3300;	text-decoration: none;}
a:hover.edit_buttonorange{	color: #ff3300;	text-decoration: underline;}

.message ul {margin-left: 10px;	margin-bottom: 15px;}
.message ul li {padding-left: 0px;	list-style-image: url('../myimages/cross.png');	margin-left: 20px;}

ul.arbol {list-style-position: outside;	margin-left: 10px;	margin-bottom: 15px;}
ul.arbol li {margin-bottom: 5px;}

/* ----------------- AÑADIDO JACOBO */
#tablalistados {
	line-height: 1.9em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CC3333;
	padding-top: 8px;
	padding-bottom: 8px;
}

#tablalistados strong{
	line-height: 0.7em!important;
	text-transform: uppercase;
	color: #999999;
}


.agenerico, .agenerico:hover {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.titulos {
	text-transform: uppercase;
	color: #CC0033;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #CC0033;}
	
.titulos a {
	text-transform: uppercase;
	color: #CC0033;
	font-weight: bold;
	text-decoration: none;}
	
.titulos a span{
	text-transform: uppercase;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.titulos:hover {
	text-transform: uppercase;
	color: #CC0033;
	font-weight: bold;
	text-decoration: none;
}

.direccion li{
	padding-left: 30px;
	display: block;
	float: left;
	background-repeat: no-repeat!important;
	background-position: left 8px;
	clear: left;
	padding-bottom: 3px;
}

.iconoDatos {
	margin-top: 5px;
}

/* ----------------- Marginales */

.mrgTop10 {margin-top: 10px}

/* ----------------- Marginales */
.magenta{color: #CC0033;}



.moveruta{
	padding-left:10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight:bold;
	background-color: #b3b3b3;
}

.moveruta span{
	width: 420px;
	cursor: move;
	float: left;
}

.movepista{
	border-bottom-color: #b3b3b3;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-left:30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.movepista span{
	width: 400px;
	float: left;
	cursor: move;
}

.popup_window{
	border-color: #b3b3b3;
	border-style: solid;
	border-width: 3px;
	background-color: white;
}

.popup_window h1{
	padding: 7px;
	margin: 0px;
	font-size: 20px;
	font-weight: bold;
}

.popup_window h1 .close_window{
	float:right;
	font-size: 12px;
	font-weight: normal;
}

#menu a.aactive, #submenu a.aactive {
	background-position:0 100%;
}

#menu a span.sactive, #submenu a span.sactive {
	background-position:100% 100%;
}

ul.imagesgrid {
	float:left;
	display:block;
	width:650px;
	margin:0 0 15px;
	padding:0;
}

ul.imagesgrid li {
	width:130px;
	padding:0 0 10px;
	float:left;
	list-style-position:inside;
	list-style-type:none;
	margin:0;
}

a.dragcursor{
	cursor: move;
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21 {float:left;margin-right: 10px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

.span-1  { width: 30px;}
.span-2  { width: 70px;}
.span-3  { width: 110px;}
.span-4  { width: 150px;}
.span-5  { width: 190px;}
.span-6  { width: 230px;}
.span-7  { width: 270px;}
.span-8  { width: 310px;}
.span-9  { width: 350px;}
.span-10 { width: 390px;}
.span-11 { width: 430px;}
.span-12 { width: 470px;}
.span-13 { width: 510px;}
.span-14 { width: 550px;}
.span-15 { width: 590px;}
.span-16 { width: 630px;}
.span-17 { width: 670px;}
.span-18 { width: 710px;}
.span-19 { width: 750px;}
.span-20 { width: 790px;}
.span-21 { width: 830px;}
.span-22 { width: 870px;}
.span-23 { width: 910px;}
.span-24, div.span-24 { width: 950px; margin: 0; }

.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}
.prepend-6  { padding-left: 240px;}
.prepend-7  { padding-left: 280px;}
.prepend-8  { padding-left: 320px;}
.prepend-9  { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}

.informacion {
	background-color: #fff;
	border: 1px solid #8bb8fc;
	font-size: 11px;
	margin-bottom:20px;
	background-image: url(../../img/iconos/info_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 80px;
}
.green {
	color: #009900;
	font-weight: bold;
}
.orange {
	font-weight: bold;
	color: #FF9900;
}
.red {
	font-weight: bold;
	color: #CC0000;
}