@charset "iso-8859-1";
/* CSS Document */


body {
  background-color: #000000;
  font-size: 12px;
  font-family: Tahoma, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#564b47;  
  margin: 20px 140px  20px 140px;
  text-align: center;
background-image: url('../images/logo_scs.gif');
background-repeat:repeat;

}


div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

p{
text-align:justify;
}

ul {
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}


/*------------------------------------------------menu--------------------*/





/*------------------------------------------------menu--------------------*/

.enlace{
	font-family: Arial, Helvetica, sans-serif;
	color:#797D82;
	font-size:12px;
	text-decoration:none;
}
.enlace:hover{
	color:#FFFFFF;
}

.title{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:18px;
}

.title_black{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:18px;
}

.title2_black{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:22px;
	padding-left:5px;
}

.title2_white{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:22px;
	padding-left:10px;
}

.txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
	text-align:justify;
}

.txt_black{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.leyenda_foto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	white-space: nowrap;
}

.txt_white{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}



/*--------------------------------------------------formularios-----------*/
.tabla
{
    BACKGROUND-COLOR: #f5f5f5
}
.cabecera_tabla
{
    FONT-WEIGHT: bold;
    FONT-SIZE:12px;
    COLOR: #ffffff;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #414750;
	height:10px;
}
.fondo_seccion
{
    BACKGROUND-COLOR: #f5f5f5
}
.campo
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding: 5px;
}

.datos{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#898989;
}

.datos_black{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;

}
.datos_white{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}

.caja
{
    BORDER-RIGHT: #898989 1px solid;
    BORDER-TOP: #898989 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BORDER-LEFT: #898989 1px solid;
    COLOR: black;
    BORDER-BOTTOM: #898989 1px solid;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #D9D9D9;
	PADDING: 2px;
	MARGIN: 4px;
}

.botones_inactivo
{
    BORDER-RIGHT: #898989 1px solid;
    BORDER-TOP: #898989 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BORDER-LEFT: #898989 1px solid;
    CURSOR: hand;
    COLOR: #000000;
    BORDER-BOTTOM: #898989 1px solid;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #f1f1f1;
	height:30px;
}

.botones_activo
{
    BORDER-RIGHT: #898989 1px solid;
    BORDER-TOP: #898989 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BORDER-LEFT: #898989 1px solid;
    CURSOR: hand;
    COLOR: #898989;
    BORDER-BOTTOM: #898989 1px solid;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #000000;
	height:30px;

}

.lineas1
{
    FONT-SIZE: 12px;
    CURSOR: hand;
    /*COLOR: #898989;*/
	COLOR: #FFFFFF;
    FONT-FAMILY: arial;
    HEIGHT: 15px;
   
}
.lineas-1
{
    FONT-SIZE: 12px;
    CURSOR: hand;
    COLOR: #000000;
    FONT-FAMILY: arial;
    HEIGHT: 15px;
    BACKGROUND-COLOR: #f1f1f1;
}
.filaon
{
    FONT-SIZE: 10px;
    CURSOR: hand;
    COLOR: #000000;
    FONT-FAMILY: arial;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #c0c0c0
}

.linea_activa
{
    FONT-SIZE: 7.5pt;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: peachpuff
}

.input
{
    BORDER-RIGHT: #797D82 1px solid;
    BORDER-TOP: #797D82 1px solid;
    BORDER-LEFT: #797D82 1px solid;
    BORDER-BOTTOM: #797D82 1px solid;
	FONT-SIZE: 11px;
    COLOR: #000;
	BACKGROUND-COLOR: #f1f1f1;
    FONT-FAMILY: arial;
}



/* HMI */
.td_content {
	background-color:#FFFFFF; 
	text-align: center;
}

.a_limpio:link {
	text-decoration:underline;
	color:#000000;
}

.a_limpio:visited {
	text-decoration:underline;
	color:#000000;
}

.a_limpio:hover {
	text-decoration:none;
	color:#000000;
}

.a_limpio:active {
	text-decoration:underline;
	color:#000000;
}

.a_limpio2:link {
	text-decoration:underline;
	color:#fff;
}

.a_limpio2:visited {
	text-decoration:underline;
	color:#fff;
}

.a_limpio2:hover {
	text-decoration:none;
	color:#fff;
}

.a_limpio2:active {
	text-decoration:underline;
	color:#fff;
}





.title_product {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	font-size:18px;
	border-top: #fff 1px solid;
}

.userpass {
	font-family: Verdana;
	font-size:10px;
	color: #fff;
}

.lista {
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}

.lista_a {
	list-style-type:none;
	color: #000000;
	font-size: 12px;
	font-family: arial;
	text-align: left;
}


.txt_black2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8px;
	color:#000000;
}


.botones_activo2
{
    BORDER-RIGHT: #898989 1px solid;
    BORDER-TOP: #898989 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BORDER-LEFT: #898989 1px solid;
    CURSOR: hand;
    COLOR: #898989;
    BORDER-BOTTOM: #898989 1px solid;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #000000;
	height: 11.5pt;
}

.newshop {
    FONT-SIZE: 12px;
    CURSOR: hand;
    COLOR: #898919;
    FONT-FAMILY: arial;
    HEIGHT: 15px;
}

.caja2
{
    BORDER-RIGHT: #898989 1px solid;
    BORDER-TOP: #898989 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BORDER-LEFT: #898989 1px solid;
    COLOR: black;
    BORDER-BOTTOM: #898989 1px solid;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #D9D9D9;
	PADDING: 2px;
	MARGIN: 4px;
}


/**  BACKOFFICE **/
#backoffice {
	width: 1000px;
	/*border-bottom: 1px solid #ffffff;*/
	vertical-align: top;
}

#backoffice a {
	color: #000;
}

#backoffice h3 {
	margin:5px; padding: 5px;
}

#t {
    background-color: peachpuff;
	font-size:20px;
	margin:5px;
}

#padded-table { cellpadding=0; cellspacing=4; padding:10px; margin: 10px;}

.bo_table {
	padding: 4px;
	width: 350; 
    background-color: #ffffff;
}

table.bo_table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
    font-family: "lucida console";
    font-size: 10px;
	margin: 5px;
	width: 90%;
}

table.bo_table th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: #555555;
	color: #ffffff;
    font-size: 12px;
}

table.bo_table td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: rgb(255, 250, 250);
}

table.bo_table input,textarea {
    background-color: #AAAAAA;
    /*background-image: url('http://mysite.com/input.gif');*/
    border: 1px solid #555555;
    font-family: "lucida console";
    font-size: 12px;
    color: #000000;
} 

select {
    background-color: #AAAAAA;
    /*background-image: url('http://mysite.com/input.gif');*/
    border: 1px solid #555555;
    font-family: "lucida console";
    font-size: 8px;
    color: #000000;
} 

.box {
	/*border: 2px solid #000;*/
/*	border-bottom: 1px solid #000;*/
	padding-top: 2px;
	width: 400px;
}

#backoffice a a.hover {
	width: 60px;
    border: 1px solid #ffffff;
	background-color: #ffffff;
	color: #000000;
	margin: 2px;
	display:block;
}

/*** Nav bar styles ***/
div#navbar2 {
    height: 30px;
    width: 100%;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: #FFFFFF;
}
div#navbar2 ul {
    margin: 0px;
    padding: 0px;
    font-family: "tahoma", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    line-height: 30px;
    white-space: nowrap;
}
div#navbar2 li {
    list-style-type: none;
    display: inline;
}
div#navbar2 li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #FFF;
}
div#navbar2 li a:link {
    color: #FFF:
}
div#navbar2 li a:visited {
    color: #000;
}
div#navbar2 li a:hover {
    font-weight: bold;
    color: #FFF;
    background-color: #000000;
}

.send {
	value:
}

#backoffice input {
    border: 1px solid #006;
    background: #ffc;
}
#backoffice input:hover {
    border: 1px solid #f00;
    background: #ff6;
}
#backoffice button {
    border: 1px solid #006;
    background: #ccf;
}
#backoffice button:hover {
    border: 1px solid #f00;
    background: #eef;
}
#backoffice label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
#backoffice br { clear: left; }

.mandatory {
	color: #FF0000 ;
	font: bold #FF0000 84% Verdana,'trebuchet ms',helvetica,sans-serif; 
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:5px; padding:10px;
	color:#898989;
	text-align:justify;
}

.msg {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:5px; padding:10px;
	color:#ffffff;
	border:#ffffff 1px solid;	
}

img.peq  { width:0; height:0; border-width:0 }

img.grande  {
	position:absolute;
	/*top:100px; */
	/*left:100px;*/
	padding-left: 100px;
	width:175px; 
	height:133px; 
	
}

img.grande_dts  {
	position:absolute;
	/*top:100px; */
	/*left:100px;*/
	padding-left: 100px;
	/*width:175px; 
	height:133px; */
}

div.peq  { width:0; height:0; border-width:0; 
	display: none;
}

div.grande  {
	position:absolute;
	display: block;
/*	top:100px; 
	left:100px;*/
	padding-left: 100px;
	/*width:300px; */
	height:60px;
	/*border: 1px solid #FFFFFF;*/
	background-color: #FFFFFF;
}


#footer {
	padding-top: 4px;
	color:#ffffff;
}


table.tabla_costes {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: #CCCCCC;
	font-size:10px;
}
table.tabla_costes th {
	border-width: thin thin thin thin;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 0px 0px 0px 0px;
}
table.tabla_costes td {
	border-width: thin thin thin thin;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: rgb(255, 255, 240);
	-moz-border-radius: 0px 0px 0px 0px;
}

.esquina{ bottom:0px; right:0px; width:143px; height:144px; position:fixed; }