@import url('style.css');

body {background-image:url(sistemacyc/bgBody.png); background-repeat:repeat-x; 
  color: #434343;
  font-family:  Verdana, Arial, helvetica, tahoma, Arial, Verdana, Helvetica,  sans-serif;
  font-size:  12px;
  margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}

h1 {
  color: #11175e;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}
/* Commonly used to style section titles. */
h2 {
  color: #6982b5;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
/* Sets the style for unvisited links. */
a,  a:link {
  color: #003;
  font-weight: normal;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #003;
  font-weight: normal;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #ca0009;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #ca0009;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #262499;
}
#row_admin, #row_admin_key {
	width:980px;
	color: #990000;
	z-index:0;
	clear:both;
	margin-top:30px;
}
#nug_admin a{color:#006600} 

/**********--------------- Comienza el layout del HEADER -----------------***************/

#shop_admin .headerNav2, #usuarios .headerNav2, #portada_admin .headerNav2, #shop .headerNav2, #shop_home .headerNav2, #shop_compras .headerNav2, #podcast .headerNav2, #medios .headerNav2{	height:15px; padding:10px 10px 10px 10px;	width:960px;	margin: 0 0 0 0;	clear:both;	z-index:500;}

/* ---------------------------------- Menus de servicios en SHOP ------------------------------- */


/* ----------------  paginas interiores, estructura interna para algunos modulos como contenidos ------------------*/
/* ----------------  DIMENSIONES  ------------------*/
.wrap {
	padding:0;
	width:980px;
	margin: 0 auto;
	background-color:#FFF
}

/* partir de aqui comienzan a definirse los estilos de las páginas interiores, como la de contenidos, noticias, todos las páginas de inicio de secciones.*/
/* Galerias */


/* SPOTS */

#spots .outerWrapper {
  background-color: #fff;
  margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 100%;
}
#spots .outerWrapper  .contentWrapper {
  background-color: #FFFFFF;
  overflow: hidden;
}
#spots .outerWrapper .contentWrapper .rightColumn1 {
  border-left-color: #8e9fd0;
  border-left-style: solid;
  float: right;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 265px;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#spots .outerWrapper .contentWrapper .content {
  margin: 0 285px 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
#spots .fb {width:100%; background-color:#F0F0F0; height:45px; padding:7px 0px 0px 7px; z-index:0}
#spots .spotItem { border-bottom:1px solid #999; display: table; padding:10px 0px 10px 0px}
#spots  .nota{font-size:60%; height:25px; padding-top:5px}
#spots  .nota_spot{font-size:60%; height:20px; padding-top:7px; padding-left:20px; background-color:#E8E8E8; border-bottom:1px #C3C3C3 solid; border-top: 1px #c3c3c3 solid; margin-top:8px; width:98%}

#spots .resumen{ margin:10px 135px 0 0; padding:5px 5px 5px 5px; width:520px}
#spots .thumb{float:right; width:125px; }
#spots .outerWrapper .header {
  background-color: #ddd;
  border-bottom: solid 1px #666; /* Sets the bottom border properties for an element using shorthand notation */
  font-size: 18px;
  font-weight: bold;
  line-height: 15px;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
/* CONFERENCE */

#conference .outerWrapper {
  background-color: #fff;
  margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 100%;
}
#conference .outerWrapper  .contentWrapper {
  background-color: #FFFFFF;
  overflow: hidden;
}
#conference .outerWrapper .contentWrapper .rightColumn1 {
  border-left-color: #8e9fd0;
  border-left-style: solid;
  float: right;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 265px;
}
#conference .red {color:#C00; font-weight:700;}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#conference .outerWrapper .contentWrapper .content {
  margin: 0 285px 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
#conference .fb, #medios .medios {width:100%; background-color:#F0F0F0; height:45px; padding:7px 0px 0px 7px; z-index:0}
#conference .spotItem { border-bottom:1px solid #999; display: table; padding:10px 0px 10px 0px}
#conference  .nota{font-size:60%; height:25px; padding-top:5px}
#conference  .nota_spot{font-size:60%; height:20px; padding-top:7px; padding-left:20px; background-color:#E8E8E8; border-bottom:1px #C3C3C3 solid; border-top: 1px #c3c3c3 solid; margin-top:8px; width:98%}

#conference .resumen{ margin:10px 135px 0 0; padding:5px 5px 5px 5px; width:520px}
#conference .thumb{float:right; width:125px; }
#conference .outerWrapper .header {
  background-color: #ddd;
  border-bottom: solid 1px #666; /* Sets the bottom border properties for an element using shorthand notation */
  font-size: 18px;
  font-weight: bold;
  line-height: 15px;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}

/* SHOP NEW STYLES */
.plecaprod { font-size:0px; background:url(sistemacyc/plecaproductos.png) no-repeat; position: 0 0; height:66px;}
#shop_general .outerWrapper {
  background-color: #fff;
  margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 100%;
}
#shop_general .outerWrapper  .contentWrapper {
  background-color: #FFFFFF;
  overflow: hidden;
}
#shop_general .outerWrapper .contentWrapper .rightColumn1 {
  border-right: #8e9fd0 dotted 1px;
  float: left;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 220px;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#shop_general .outerWrapper .contentWrapper .content {
  margin: 0 0 0 235px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
#shop_general .outerWrapper .contentWrapper .contentUser {
  margin: 0 0 0 0px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
#shop_general  .col1 {
  margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  float:left;
  width:200px;
}
#shop_general  .col2 {
  margin: 0 0 0 230px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 30px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width:520px;
}
#shop_general .descripcion {
	padding: 10px 10px;
}
#shop_general .wish {
	position:absolute; right:60px; top:10px;
}
#shop_general label{text-align:left; font-weight:600}
#shop_general .rightColumn1 input{ left:15px; text-align:left; width:210px}
#shop_general .content input{ left:15px; text-align:left; width:410px; display:block}
#shop_general .content select{ left:15px; text-align:left; display:block}
#shop_general .unselected {color:#727272;}
#shop_general .selected {color: #C00;}
#shop_general .fb {width:100%; background-color:#F0F0F0; height:45px; padding:7px 0px 0px 7px; z-index:0}
#shop_general .item_desc { border-bottom:0px dotted #999; display: table; padding:10px 10px 20px 10px}
#shop_general  .titulo_prod{font-size:100%; display:block; padding:5px 0px 5px 0px; font-weight:700}
#shop_general .foto_prod {background: #fbdce4; padding:20px 3px; height:160px;}
#shop_general .agregar_boton_prod { float:right; right:15px;}
#shop_general  .rating{font-size:100%; height:20px; padding-top:0px; padding-left:10px; border-bottom:1px #C3C3C3 solid; border-top: 1px #c3c3c3 solid; width:48%; font-weight:800}
#shop_general  .precio{font-size:100%; font-weight:600; padding:5px 0px; 0px 0px}
#shop_general  .add{ position:absolute; left:145px; top:-50px}
#shop_general .resumen{ margin:10px 10px; float:left}
#shop_general .thumb{float:right; width:125px; }
#shop_general  .header {
  background-color: #e8d6dc;
  border-bottom: solid 1px #666; /* Sets the bottom border properties for an element using shorthand notation */
  line-height: 20px;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  
}
#shop_general .currency{ float:left; font-size:70%}
#shop_general .oferta {background: no-repeat #FF0000; width:100%; height:16px; position:absolute; top:0px; left:0px; color:#FFFFFF; padding:2px 0px 0px 0px; text-align:center; font-weight:bold}
#shop_general .free {background-image:url(../css/img/free.png); background-repeat:no-repeat; width:40px; height:40px; position:absolute; top:-5px; left:125px;}
#shop_general  .botonCompras{background:url(../css/img/addtocart.png) 0 0 no-repeat;  width: 20px; padding: 0px 5px 0px 5px;}
#shop_general .margincat {margin-left:60px}
#shop_general .nugcompras {float:right;}
#shop_general .opciones {}
#shop_general .adiciones { margin:0px 0px 20px 0px}
#shop_general .pasaraCaja {color:#ffffff;background-image:url(img/pasaraCaja.png);background-repeat:no-repeat;}
#shop_general .pasaraCaja a{color:#ffffff}
#shop_general .CentralColumn a {color:#0D0D0D;}
#shop_general .pasaraCaja {
padding:1px 5px 1px 10px;
height:15px;
width:86px;
float:right;
clear:left;
right:10px;
margin-top:10px;
}
#shop_general .cashbutton {
	display:block;
	width:170px;
	height:50px;
	text-align:center;
}
#shop_general .cashbutton a {
	display:block;
	width:100%;
	height:35px;
	background:transparent url(img/cashbutton.png) no-repeat top left;
	outline:none;
	color:#FFF;
	font-size:18px;
	padding-top:15px;
}
#shop_general .cashbutton a:hover{
	background-position:0 -50px;
}
#shop_checkout .ContWrapper .ContWrapper2 .CentralColumn {
	margin: 0 0 0 165px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#shop_checkout .ContWrapper .ContWrapper2 .clearFloat {
  clear: right;
  display: block;

}
#shop_checkout .ContWrapper{
border:#1A1F2A 0px solid;
}
.registertoshow h1 a{ color:#000; font-size:16px; font-weight:normal; padding:20px 10px 10px 30px; top:20px}
#shop_checkout .HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */
}
#shop_checkout .IndiceColumn {
float: left;
	padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 235px;
	overflow: hidden;
background-color:#A6C4DE;
margin:10px 2px 10px 10px;

}
#shop_checkout .col1 {float: left;
	padding: 0px 10px 0px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 420px;
	overflow: hidden;
	margin:10px 2px 10px 10px;
}

#shop_checkout .col2 {
	margin: 10px 2px 10px 560px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 5px 10px 0px 10px;
	}
#shop_checkout .col1 p {line-height:20px;}
#shop_checkout .total {line-height:20px;color:#0D0D0D;font-weight:bold;}
#shop_checkout input{margin:5px 0px 5px 0px;}
#shop_checkout label{line-height:15px;font-weight:800;padding-left:0px;/*text-transform:capitalize;*/}
#shop_checkout .col1 label{padding-left:5px}
#shop_compras h1{font-size:11px;}
#shop_checkout .col1 h1{width:450px;height:15px;background-color:#0D0D0D;color:#ffffff;padding:2px 2px;font-size:12px;}
#shop_checkout h2{font-size:16px;font-weight:bold;margin:5px 0px 5px 0px;}
#shop .ContWrapper .ContWrapper2 .IndiceColumn { /* IMPORTANTE IndiceColumn define el ancho del menu principal y en que lado de la p[agina esta puesto en conjunto con la siguiente lines */
	float: left; padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 190px;	overflow: hidden;}
#shop .ContWrapper .ContWrapper2 .IndiceColumn { /* IMPORTANTE IndiceColumn define el ancho del menu principal y en que lado de la p[agina esta puesto en conjunto con la siguiente lines */
	float: left;	padding: 7px 10px 40px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 190px;	overflow: hidden;}
#shop .IndiceColumn {margin-top:0px; z-index:3; height:100%}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#shop .ContWrapper .ContWrapper2 .CentralColumn {margin: 0px 0 0 200px;} /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
#shop .ContentHeaders {	position:relative;	width:190px;	text-align:right;	left: 0px;	top: 38px;}
#shop .TextHeaders {	text-align:left;}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#shop .ContWrapper .ContWrapper2 .clearFloat {  clear: right;  display: block;}
#shop .HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */}
#shop .IndiceColumn,  #shop_home .IndiceColumn{clear:left;}
#shop .sangrias { /* Margenes aplicados a los textos de las paginas internas */
margin:0px 20px 0px 20px}
#shop .sangrias, .texto_contenido, .sangrias.texto_usuarios{
}

#shop .sangrias_top, .headContent {padding:5px 0px 3px 0px;}

#shop .col1 {float: left;padding: 0px 0px 0px 0px; width: 200px; overflow: hidden;}/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
#shop .col2 {margin: 0 0 0 200px;} /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
#shop .adiciones {margin-top:5px;}
	/* HOME SHOP */
#shop_home .ContenedorPromociones {width:1024px;float:none;overflow:hidden;}
#relatedProducts {width:780px; float:left}
#shop_home .ImagenCentral {width:780px;height:230px;overflow:hidden;padding:40px 30px 30px 40px;}
#shop_home .BotonesNavRw{width:20px;height:17px;float:right;position:absolute;right: 100px;top: 250px;color:#2C1C20;background-color:#ffffff;z-index:1;font-size:11px;font-weight:700;padding-top:3px;text-align:center;}
#shop_home .BotonesNavFw{width:20px;height:17px;float:right;position:absolute;right: 78px;top: 250px;color:#2C1C20;background-color:#ffffff;z-index:1;font-size:11px;font-weight:700;padding-top:3px;text-align:center;}
#shop_home .BotonesNavSel a{color:#0D0D0D;background-color:#c30000;}
#shop_home .BotonesNavNo a{color:#2C1C20;background-color:#ffffff;}
#shop_home .buscador{position:relative;right:70px;margin:5px 0px 20px 0px;}
#shop_home input{border:#0B215D 1px solid; color:#003300; background-color:#fff; font-size:9px}
#shop_home .ContWrapper {	text-align: left; }
#shop_home .ContWrapper .ContWrapper2 .IndiceColumn{ /* IMPORTANTE IndiceColumn define el ancho del menu principal y en que lado de la p[agina esta puesto en conjunto con la siguiente lines */
	float: left;
	padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 0px;
	overflow: hidden;	
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#shop_home .ContWrapper .ContWrapper2 .CentralColumn {
	margin: 0 0 0 0px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	clear: left;
	}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#shop_home .ContWrapper .ContWrapper2 .clearFloat {
  clear: right;
  display: block;
}

#shop_home .sangrias { /* Margenes aplicados a los textos de las paginas internas */
margin:0px 20px 0px 20px
}
#shop_home .ContWrapper {
	text-align: left; 
}

/* Termina shop home comienza shop admin*/

#shop_admin .ContWrapper {
	text-align: left;
	z-index:0;
}
#shop_admin .ContWrapper {
	text-align: left;
	z-index:0;
}
#shop_admin .ContWrapper .ContWrapper2 .IndiceColumn { /* IMPORTANTE IndiceColumn define el ancho del menu principal y en que lado de la p[agina esta puesto en conjunto con la siguiente lines */
	float: left;
	padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 0px;
	overflow: hidden;
	z-index:0;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#shop_admin .ContWrapper .ContWrapper2 .CentralColumn {
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#shop_admin .ContWrapper .ContWrapper2 .clearFloat {
  clear: right;
  display: block;
}
#shop_admin .HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */
}
#shop_admin .IndiceColumn {
}
#shop_admin .ContentHeaders { /* encabezados de t[itulos de las paginas */
margin: 4px 0px 20px 30px;
height:30px;
width:510px;
}
#shop_admin .sangrias { /* Margenes aplicados a los textos de las paginas internas */
margin:0px 20px 0px 20px
}
#shop_admin .sangrias .texto_contenido, .sangrias.texto_usuarios{}
#shop_admin .sangrias_top, .headContent {padding:5px 0px 3px 0px;}
.spacer{	clear:both; 	font-size:0; 	line-height:0;}
#shop_admin .ContWrapper {	text-align: left; }
/* portada admin */


/* Termina shop admin comienza portada admin*/


#portada_admin .ContWrapper {
margin-top:25px;
	text-align: left;
	z-index:0;
}
#portada_admin .ContWrapper .ContWrapper2 .IndiceColumn { /* IMPORTANTE IndiceColumn define el ancho del menu principal y en que lado de la p[agina esta puesto en conjunto con la siguiente lines */
	float: left;
	padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 0px;
	overflow: hidden;	
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#portada_admin .ContWrapper .ContWrapper2 .CentralColumn {
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#portada_admin .ContWrapper .ContWrapper2 .clearFloat {
  clear: right;
  display: block;
}
#portada_admin .HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */
}
#portada_admin .IndiceColumn {
}
#portada_admin .ContentHeaders { /* encabezados de t[itulos de las paginas */
margin: 4px 0px 20px 30px;
height:30px;
width:510px;
}
#portada_admin .sangrias { /* Margenes aplicados a los textos de las paginas internas */
margin:0px 20px 0px 20px
}
#portada_admin .sangrias.texto_contenido, .sangrias.texto_usuarios{

}

#portada_admin .sangrias_top, .headContent {padding:5px 0px 3px 0px;}

}
#portada_admin .ContWrapper {
	text-align: left; 
}


/* termina portada admin */


#shop_compras .ContWrapper .ContWrapper2 .IndiceColumn { /* IMPORTANTE IndiceColumn define el ancho del menu principal y en que lado de la p[agina esta puesto en conjunto con la siguiente lines  */
	float: right;
	padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 330px;
	overflow: hidden;
	margin: 38px 0px 10px 10px;
	border-top: 3px #1A1F2A solid;
	
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#shop_compras .ContWrapper .ContWrapper2 .CentralColumn {
	margin: 0 340px 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#shop_compras .ContWrapper .ContWrapper2 .clearFloat {
  clear: left;
  display: block;
 
}
#shop_compras .HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */
padding:15px 15px 30px 15px;
margin:2px 0px 55px 0px;
}
#shop_compras .pasaraCaja {
padding:0px 5px 1px 5px;
height:19px;
width:115px;
float:right;
clear:left;
right:10px;
margin-top:10px;
}
shop_compras input {
font-size:10px;
}
shop_compras .opciones {
clear:both;
line-height:15px;
margin-bottom:10px;
padding:10px 10px;
left:10px;
bottom:10px;
}
#shop_compras .IndiceColumn {
clear:left;
}
#shop_compras .ContentHeaders { /* encabezados de t[itulos de las paginas */
padding: 10px 10px 5px 0px;
margin: 3px 0px 0px 0px;
height:20px;
width:510px;
}
#shop_compras .sangrias { /* Margenes aplicados a los textos de las paginas internas */
margin:0px 0px 0px 0px
}


#shop_compras .sangrias_top, .headContent {padding:5px 0px 3px 0px;}

#shop_compras .col1 {float: left;
	padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 200px;
	overflow: hidden;}
#shop_compras .col2 {
	margin: 0 0 0 200px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	}


/* partir de aqui comienzan a definirse los estilos de las páginas interiores, como la de contenidos, noticias, todos las páginas de inicio de secciones.*/

#ContWrapper {
	text-align: left; 
}
#ContWrapper #ContWrapper2 #IndiceColumn { /* IMPORTANTE IndiceColumn define el ancho del menu principal y en que lado de la p[agina esta puesto en conjunto con la siguiente lines */
	float: left;
	padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 200px;
	overflow: hidden;	
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#ContWrapper #ContWrapper2 #CentralColumn {
	margin: 0 0 0 200px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#ContWrapper #ContWrapper2 .clearFloat {
  clear: right;
  display: block;
}
#HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */
}
#IndiceColumn {
}
#ContentHeaders { /* encabezados de t[itulos de las paginas */
margin: 4px 0px 20px 30px;
height:30px;
width:510px;
}
#sangrias { /* Margenes aplicados a los textos de las paginas internas */
margin:0px 20px 0px 20px
}
#sangrias.texto_contenido, #sangrias.texto_usuarios{

}

#sangrias_top, .headContent {padding:5px 0px 3px 0px;}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/*-------------------------- ADMINISTRADOR */


.linkAdministrador, .linkAdmin {
	background-color: #0088cc;
	
}
#b_edit, #b_edit_centrales{ height: 12px; margin: 2px 0px 2px 2px; width: 30px; position:absolute; color: #fff; font-size: 10px; font-weight: 500; padding: 0px 10px 3px 15px; float:right; background-color:#FF6600; z-index:1}
/*-------------------------- COMPRAS */



/*portada*/

#portadas .ContWrapper .ContWrapper2 .CentralColumn {
	margin: 0px 292px 0px 0px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	}

.FakeCentralColumn {
background-color:#FFFFFF;
height:395px;
width:593px;
position:absolute;
left:0;
top:0;
z-index:0;
}
#portadas .textos {padding:0px 10px 40px 25px;margin:30px 0px 0px 0px; font-weight:normal}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#portadas .ContWrapper .ContWrapper2 .clearFloat {  clear: left;  display: block;}
#portadas .ContWrapper{border:#1A1F2A 0px solid;}
#portadas .HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */
}
#portadas .IndiceColumn {float: right;	padding: 0px 0px 0px 40px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 252px;	overflow: hidden;margin: 0 0 0 0;height:395px;}


#portadas .IndiceColumnAutor {float: right;	padding: 0px 0px 0px 40px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */	width: 252px;	overflow: hidden;margin: 0 0 0 0;}
#portadas .ProductosColumn {padding:170px 15px 30px 15px;margin:0px 0px 5px 0px;}
#portadas .col2 {    float: right;	padding: 0px 0px 0px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */	overflow: hidden;	margin:0px 0px 10px 0px;}
#portadas .col1 {	width: 160px;	float:left;	padding-right:0px;	}
#portadas .ContentHeaders{width:575px;height:75px;padding: 2px 0 2px 0;border-bottom:#0D0D0D dotted 2px;}
#portadas .ContentHeadersPA{width:575px;height:35px;padding: 2px 0 2px 0;border-bottom:#0D0D0D dotted 2px; padding:10px 5px 0 0; font-size:14px; margin-bottom:10px}
#portadas .IndiceColumn a:hover, .IndiceColumnAutor a:hover{ color: #A62F03;} 
#portadas .IndiceColumn a, .IndiceColumnAutor a{ color: #2c1c20;} 
#portadas .CentralColumn a { color:#000000;font-weight:600;}
#portadas .homeColumn1 li, #portadas .homeColumn2  li, #portadas .IndiceColumn li, #portadas .IndiceColumnAutor li, .home li { /* Magen, estilo de lineas y viñetas de los subtitulos */margin-left:2px; line-height:normal;/*list-style: inside square;*/list-style:none;}
#portadas .IndiceColumn h1,  .IndiceColumnAutor h1{ /* todos los titulos de las columnas */color: #0D0D0D;font-size:12px;padding:10px 0px 0px 0px;}
#portadas .resumen, #portadas .autorRed {
padding:0px 0px 0px 0px; }
#portadas .textoAcerca {
float:right;
padding:5px 10px 0px 10px;

}
#portadas .boxSets {
width:580px; float:left; margin:0 0;
}
.portadasTitulos {line-height:15px;}
#portadas hr{ width:100%; height:1px; color:#003300;}
#portadas .nombreFecha { font-size:9px; font-weight:100; line-height:22px}
#portadas .textoComentarios { line-height:22px; margin-bottom:10px}
#portadas .boxesPortadas {
width:120px;
padding:0 15px 0 0;
float:left;
height:115px;
}
#sugerencias {
clear:both;
line-height:5px;
padding:0 0 0 0 ;
}
#sugerencias .sugerirPortada {
padding: 0px 0px 10px 20px;

}
#sugerencias .sugerirPortada a{
color:#999999;
font-weight:700;
}
#productosRelacionados .promociones_related{
width:280px; float:left; margin-left:10px}

#productosRelacionados .foto_prod_related {
	width: 110px;
	height:110px;
	padding-top:0px;
	float:left;
	color:#0D0D0D;
	
}
#productosRelacionados .item_desc_related  {
	width:260px;
	padding:10px 10px;
	position:relative;
	height: 60px;
}
#productosRelacionados .precio_related  {
color:#0D0D0D;
line-height:14px;
left: 5px;
}
#productosRelacionados .resumen_related  {
line-height:14px;
left: 5px;
color:#0D0D0D;

}
#productosRelacionados .resumen_related  a{
color:#0D0D0D;
font-weight:700;
}
#productosRelacionados .add_related  a{
left: 0px;
color:#999999;
}
/* USUARIOS */

#usuarios .ContWrapper .ContWrapper2 .CentralColumn {
	margin: 0 230px 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	}
#usuarios .ContWrapper {margin-top:0px;}
/*#usuarios .CentralColumn { border-bottom:#0D0D0D 1px solid; border-right:#0D0D0D 1px solid; border-left:#0D0D0D 1px solid; border-top:#0D0D0D 3px solid;}
*/#usuarios .CentralColumn {padding:9px 9px;}
#usuarios .ContWrapper .ContWrapper2 .clearFloat  {clear: left; display: inline-block;}
#usuarios .ContWrapper .ContWrapper2  .IndiceColumn {float: right;width: 220px; overflow: hidden; margin: 0 0 0 0;}
#usuarios .IndiceColumn {clear:left;}
#usuarios .col1 {padding-right: 15px; padding-bottom:25px; width:175px;float:left;line-height:16px;}
#usuarios .col2 {	width: 390px;	padding-top:15px; padding-left:10px;	float:left;	}


#usuarios .col1 {color:#0D0D0D;background-color: #e4c7d7;text-align:right;font-weight:700;padding-top:22px;}
#usuarios .col1 a:hover{color:#0D0D0D;background:url(img/bullets.png) no-repeat right;padding-right:14px;}
#usuarios .col1 a{color:#0D0D0D;}
#usuarios .col1 img{ padding-right:10px}
#usuarios .colaSel{color:#0D0D0D;background:url(img/bullets.png) no-repeat right;padding-right:14px;}

#usuarios .col2 a{color:#0D0D0D;}
#usuarios .col2 h1{color:#0D0D0D; font-size:11px; font-weight:700;}

#usuarios .misCursos {padding: 0px 15px 0px 15px;background-color: #e4c7d7;height:70px;}
#usuarios .cursosyEventos {padding:0px 0px 10px 20px;color:#0D0D0D;background-image:url(img/bullets.png);background-position:left 4;background-repeat:no-repeat;}

#usuarios .IndiceColumn a:hover{ color: #A62F03;} 
#usuarios .IndiceColumn a { color: #2C1C20;} 
#usuarios .CentralColumn  form a {font-weight:600;color:#0D0D0D;}
#usuarios .homeColumn1 li, #usuarios .homeColumn2  li, #usuarios .IndiceColumn li { /* Magen, estilo de lineas y viñetas de los subtitulos */
margin-left:2px; outline-style:none; list-style: square; }
#usuarios .menuUsuarioWrap {margin: 0 0 0 0;padding:10px 0 0 0;clear:both;}
#usuarios .menuUsuario, #usuarios .menuUsuarioSel {text-align:center;float:left;}
#usuarios .menuUsuarioSel {color:#ffffff; font-weight:700;background: url(portadas/menuUsuariosSel404042.png) no-repeat;width:120px;height:17px;padding:8px 0px 0px 0px}
#usuarios .menuUsuario {color:#0D0D0D;width:130px;height:17px;padding:8px 0px 0px 0px}
#usuarios .menuUsuario a{color:#0D0D0D;}
#usuarios .menuUsuario a:hover{color:#0D0D0D;text-decoration:none}
#usuarios .menuUsuariosSpan {padding:4px 2px 0px 2px;color:#404042;float:left;font-size:14px;}
#usuarios .bienvenidaUsuarios {color:#0D0D0D;font-size:14px;padding:8px 8px;}
#usuarios .bienvenidaUsuarios a{ color:#0D0D0D;}
#usuarios hr {width:97%;padding-right:10px;border-top:thin solid #0D0D0D;}
#usuarios .bienvenidaUsuarios h1 {color:#0D0D0D; font-size:14px; font-weight:700;}
#usuarios .FormSubmit{background-color:#ffffff;line-height:20px;width:230px;text-align:center;margin:auto;}
#usuarios .inputSubmit{background:url(img/inputSubmit.png) no-repeat;height:22px;width:94px;text-align:center;color:#0D0D0D;font-weight:700;padding-bottom:6px;border-right: 0px;border-bottom: 0px;border-left:0px;border-top:0px;float:left;margin-right:4px;margin-left:10px;}
#usuarios .inputSubmitAlone{background:url(img/inputSubmit.png) no-repeat;height:22px;width:94px;text-align:center;color:#0D0D0D;font-weight:700;padding-bottom:6px;border-right: 0px;border-bottom: 0px;border-left:0px;border-top:0px;margin-right:4px;margin-left:10px;}
#usuarios .inputCancel{background:url(img/inputCancel.png) no-repeat;height:22px;width:94px;text-align:center;color:#ffffff;font-weight:700;padding-bottom:6px;border-right: 0px;border-bottom: 0px;}
#usuarios .nombreUsuario{color:#0D0D0D;font-weight:600;}
.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;    }
.clearfix {    zoom: 1; }    /* triggers hasLayout. Only IE can see inside the conditional comment */
.txtGris {color:#0D0D0D; font-weight:600;}

/* USUARIOS ADMIN*/

#usuarios_admin .ContWrapper .ContWrapper2 .CentralColumn {
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	}
#usuarios_admin .ContWrapper {margin-top:0px;}
/*#usuarios_admin .CentralColumn { border-bottom:#0D0D0D 1px solid; border-right:#0D0D0D 1px solid; border-left:#0D0D0D 1px solid; border-top:#0D0D0D 3px solid;}
*/#usuarios_admin .CentralColumn {padding:9px 9px;}
#usuarios_admin .ContWrapper .ContWrapper2 .clearFloat  {clear: left; display: inline-block;}
#usuarios_admin .ContWrapper .ContWrapper2  .IndiceColumn {float: right;width: 0px; overflow: hidden; margin: 0 0 0 0;}
#usuarios_admin .IndiceColumn {clear:left;}
#usuarios_admin .col1 {padding-right: 15px; padding-bottom:25px; width:175px;float:left;line-height:16px;}
#usuarios_admin .col2 {	width: 390px;	padding-top:15px; padding-left:10px;	float:left;	}
#usuarios_admin h1 { padding-top:10px}

/* CONTENIDOS */
#contenidos .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 205px; }
#contenidos .CentralColumn {padding:0px 10px 10px 10px;}
#contenidos .ContWrapper .ContWrapper2 .clearFloat  {clear: left; display: inline-block;}
#contenidos .ContWrapper .ContWrapper2  .IndiceColumn {float: left;width: 190px; padding:10px 5px; overflow: hidden; margin: -20px 5px 0 0;}
#contenidos .IndiceColumn {clear:left;}
#contenidos .col1 {padding-left: 0px; padding-bottom:0px; margin:0 0}
#contenidos .col2 {	width: 390px;	padding-top:15px; padding-left:10px;	float:left;	}
#contenidos .menuContenidosTitulo h1{font-size:0px; font-weight:bold; margin-bottom:5px; color:#6a0034; font-family:Arial, Helvetica, sans-serif; padding-left:25px;}
#contenidos .headerContenidos { padding-left:5px; padding-top:0px}
#contenidos .headerContenidos a{text-decoration:none}
#contenidos .IndiceColumn h1{width:250px; line-height:18px; font-size:12px}
#medios .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 285px 0 0px; }
#medios .ContWrapper {margin-top:0px;}
#medios .CentralColumn {padding:0px 10px 10px 0px;}
#medios .ContWrapper .ContWrapper2 .clearFloat  {clear: left; display: inline-block;}
#medios .ContWrapper .ContWrapper2  .IndiceColumn {float: right ;width: 260px; padding:0px 10px 0px 0px; overflow: hidden; margin: 0 0 0 0;}
#medios .col1 {padding-left: 0px; padding-bottom:0px; margin:0 0}
#medios .col2 {	width: 390px;	padding-top:15px; padding-left:10px;	float:left;	}
#medios .ContWrapper .ContWrapper2  .IndiceColumn {float: right;width: 250px; padding:10px 10px; overflow: hidden; margin: 0 0 0 0;}
#medios .headerContenidos {color:#0D0D0D;	font-size:16px;	font-weight:700;	padding:0px 0px 5px 10px;}
#medios .headerContenidos a{color:#0D0D0D; text-decoration:none}
#medios .ContentHeaders {	color:#0D0D0D;	border-bottom:0px solid #0D0D0D;	font-size:16px;	font-weight:700;}
#medios .ContentHeaders {	position:relative;	width:190px;	text-align:right;	left: 0px;	top: 38px;}
#medios .IndiceColumn h1{width:250px; line-height:18px; font-size:12px}

/* ebiblioteca */
#ebiblioteca .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 195px; }
#ebiblioteca .ContWrapper {margin-top:0px;}
#ebiblioteca .CentralColumn {padding:9px 4px;}
#ebiblioteca .ContWrapper .ContWrapper2 .clearFloat  {clear: left; display: inline-block;}
#ebiblioteca .ContWrapper .ContWrapper2  .IndiceColumn {float: left;width: 170px; padding:10px 10px; margin: 0 0 30px 0;}
#ebiblioteca .IndiceColumn {margin-top:40px}
#ebiblioteca .col1 {padding: 25px 25px}
#ebiblioteca .col2 {	width: 390px;	padding-top:15px; padding-left:10px;	float:left;	}

#ebiblioteca .IndiceColumn h1{color:#0D0D0D; font-size:12px; font-weight:700; width:170px; line-height:22px; border-bottom:solid 1px #0D0D0D;}
#ebiblioteca .IndiceColumn a{ color:#000000; text-decoration:none;}
#ebiblioteca .IndiceColumn a:hover{ color:#A62F03; text-decoration:none;}
#ebiblioteca .menuContenidosTitulo h1{font-size:34px; font-weight:bold; margin-bottom:-9px; color:#999999; font-family:Arial, Helvetica, sans-serif; padding-left:25px;}
#ebiblioteca .headerContenidos {color:#0D0D0D;	font-size:16px;	font-weight:700;	padding:0px 0px 5px 10px;}
#ebiblioteca .headerContenidos a{color:#0D0D0D; text-decoration:none}
#ebiblioteca .relacionados {margin:20px 10px 0px 5px; background-color:#DCDDDB; padding:20px 20px; color:#0D0D0D}
#ebiblioteca .relacionados h2{font-size:12px;font-weight:800; padding:0px 0px 0px 15px; background:url(img/bullets.png) left 9px no-repeat; line-height:28px}
#ebiblioteca .ContentHeaders {	color:#0D0D0D;	border-bottom:3px solid #0D0D0D;	font-size:16px;	font-weight:700;}
#ebiblioteca .ContentHeaders {	position:relative;	width:190px;	text-align:right;	left: 0px;	top: 38px;}
/*administrador eBiblioteca, medios y podcast */
#mediosAdmin .ContWrapper .ContWrapper2 .CentralColumn, #ebibliotecaAdmin .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 0; }
#mediosAdmin .ContWrapper, #ebibliotecaAdmin .ContWrapper {margin-top:0px;}
#mediosAdmin .CentralColumn, #ebibliotecaAdmin .CentralColumn {padding:9px 4px;}
#mediosAdmin .ContWrapper .ContWrapper2 .clearFloat ,  #ebibliotecaAdmin .ContWrapper .ContWrapper2 .clearFloat  {clear: left; display: inline-block;}
#mediosAdmin .ContWrapper .ContWrapper2  .IndiceColumn , #ebibliotecaAdmin .ContWrapper .ContWrapper2  .IndiceColumn {float: left;width: 0px; padding:10px 10px; margin: 0 0 30px 0;}
#mediosAdmin  .IndiceColumn, #ebibliotecaAdmin .IndiceColumn {}
#mediosAdmin .menuContenidosTitulo h1, #ebibliotecaAdmin .menuContenidosTitulo h1{font-size:34px; font-weight:bold; margin-bottom:-9px; color:#999999; font-family:Arial, Helvetica, sans-serif; padding-left:25px;}
#mediosAdmin .headerContenidos, #ebibliotecaAdmin .headerContenidos {color:#0D0D0D;	font-size:16px;	font-weight:700;	padding:0px 0px 5px 10px;}
#mediosAdmin .headerContenidos a, #ebibliotecaAdmin .headerContenidos a{color:#0D0D0D; text-decoration:none}
#mediosAdmin h1,  #ebibliotecaAdmin h1 {color: #0D0D0D;font-size: 16px; font-weight: 700; padding: 30px 0 5px 10px;}
#mediosAdmin  .ContentHeaders , #ebibliotecaAdmin .ContentHeaders {	color:#0D0D0D;	border-bottom:3px solid #0D0D0D;	font-size:16px;	font-weight:700;}
#mediosAdmin  .ContentHeaders , #ebibliotecaAdmin .ContentHeaders {	position:relative;	width:190px;	text-align:right;	left: 0px;	top: 38px;}
#podcastAdmin .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 0; }
#podcastAdmin .ContWrapper {margin-top:0px;}
#podcastAdmin .CentralColumn {padding:9px 4px;}
#podcastAdmin .ContWrapper .ContWrapper2 .clearFloat{clear: left; display: inline-block;}
#podcastAdmin .ContWrapper .ContWrapper2  .IndiceColumn {float: left;width: 0px; padding:10px 10px; margin: 0 0 30px 0;}
#podcastAdmin  .IndiceColumn{}
#podcastAdmin .menuContenidosTitulo h1{font-size:34px; font-weight:bold; margin-bottom:-9px; color:#999999; font-family:Arial, Helvetica, sans-serif; padding-left:25px;}
#podcastAdmin .headerContenidos {color:#0D0D0D;	font-size:16px;	font-weight:700;	padding:0px 0px 5px 10px;}
#podcastAdmin .headerContenidos a{color:#0D0D0D; text-decoration:none}
#podcastAdmin h1 {color: #0D0D0D;font-size: 16px; font-weight: 700; padding: 30px 0 5px 10px;}
#podcastAdmin  .ContentHeaders  {	color:#0D0D0D;	border-bottom:3px solid #A81E1E;	font-size:16px;	font-weight:700;}
#podcastAdmin  .ContentHeaders  {	position:relative;	width:190px;	text-align:right;	left: 0px;	top: 38px;}
/* podcast */


/* -------------------  Pie de pagina  Forma, buscador, pie de p[agina */

#shop form, #footer form{width:127px;/*	background:url(images/serch_icon.gif) 5px 0 no-repeat;*/	padding:0 0 0 13px;	left:0;	top:9px;}
#shop form input.txtBox, #footer form input.txtBox{width:100px;height:14px;	color:#0D0D0D; border:0px #000000;	background-color:#fff;	padding:2px 2px;	float:left;	font-size:9px;}
#shop form input.go, #footer form input.go{background:url(img/btn_go.gif) 0 0 no-repeat;	height:18px;	width:18px;	color:#0D0D0D;	cursor:pointer;	float:right;	border:none;	padding-bottom:5px;}
/*FORMAS TERMINO*/
#footer { margin: 0 auto; text-align: left; width: 980px; z-index:1; clear:both}
#footer .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 0; }
#footer .ContWrapper {margin-top: 30px; border-top:#d0c9b3 solid 0px; z-index:0;  }
#footer .CentralColumn {padding:0px 0px;}
#footer .ContWrapper .ContWrapper2 .clearFloat  {clear: left; display: inline-block;}
#footer .ContWrapper .ContWrapper2  .IndiceColumn {float: left; width: 0px; padding: 0px 0px 0 0px; margin: 0 0 0 0;}
#footer .IndiceColumn {clear:left;}
/* #footer .col1 {width:980px; height:135px; z-index:0; background:url(modeloapple/bgFooter.png) no-repeat 0pt 100%; clear:both}*/
#footer .col1 {width:980px; height:135px; z-index:0; background: url(sistemacyc/footerBg.jpg) no-repeat 0pt 100%; clear:both}

#footer .col2 {width:980px; margin-top:0px; clear:both; z-index:0}
#footer .line1 { width:0px; float:left}
#footer .line2 {width:0px; float:left}
#footer .column1 {width:905px; float:left; border-right:solid 0px #FFF; padding:0px 6px 0px 15px; height:70px; margin-top:0px; z-index:0}


#footer .headlines {width:980px; margin:5px auto;}
#ticker { min-height: 34px; margin-bottom: 15px; background: #f6f6f6 url(modeloapple/ticker_btm_grey.gif) no-repeat 0 100%; /*position: relative;*/ _height: 34px; z-index:0 }
#ticker p { line-height: 24px; width: 100%; padding-top: 0px; padding-bottom: 0.2em; background: url(modeloapple/ticker_top_grey.gif) no-repeat 0 0; float: left; margin-bottom: 3px; padding-left:15px }
#ticker a#ticker-headline { width: 12.5em; margin-right: 1em; color: #565656; font-weight: bold; text-align: center; border-right: 1px solid #808080; display: block; float: left; }
#ticker a#news-headline { padding-left: 15px; color: #a1a5a9; float: right; }
#ticker a { color: #6e6e6e; text-decoration: none; }
#ticker a#news-link { position: relative; z-index: 0; }
#ticker-rss-link { display:none; }
#rssticker {z-index:10; margin:0 0; position:relative; background:#033}
.rsstickerclass{width: 620px; padding: 5px; left:240px; top:0px;
z-index:10;
/*background-color: #F3F3F3;
border: 1px solid black;
*/margin-bottom: 0em;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}
.rssdescription{ /*shared class for all description elements in an RSS feed*/
}
#footer .links {border: 0px solid #e5e5e5; border-width: 0px 0; padding: .5em 0; margin: 2.5em 0 2em; zoom: 1; }
#footer .links:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer .links p { margin-bottom: 0; }
#footer .links p.left { float: left; width: auto; text-align: left; text-indent: 10px; }
#footer .links ul.right { float: right; padding-right: 10px; margin-bottom: 0; }
#footer .links ul.piped a { padding-left: .5em; margin-left: .5em; }
#footer h1 {color:#11175e;}
#footer p { margin-top:0px;}

/* HOME */
.portada_imagen {width:980px;height:395px;z-index:0;position:absolute;top:0px;left:0px}
/*3 formas diferentes
*//*.portada_imagen {width:980px;height:395px;z-index:0;position:absolute;top:-20px;left:0px;}
.portada_imagen {width:980px;height:395px;z-index:0;position:absolute;top:-20px;left:0px;}*/
/* HEADER */
#homeWrapper {  margin: 0 auto;  text-align: left; width: 980px; z-index:0; height: 800px; }
#homeWrapper #homeContentWrapper #homeColumn1 {	border-right: solid 0px #2C1C20;float:left; width:200px;z-index: 1; }
#homeColumn1 {position:absolute;left:0px;top:0px; height:425px; padding:0px 10px 0px 10px }
#homeWrapper #homeContentWrapper  { margin: 0 0 0 0;}
#contentHome{position:absolute;left:220px;right:0px; z-index:2; background:url(sistemacyc/contentHomeBG.png) no-repeat 0 140px; height:605px}
#contentHome h1, #contentHome a, #contentHome{ font-size:11px; color:#11175e; font-weight:600;}
#contentHome a { text-decoration:none}
#contentHome .box1{margin:0px 0px 0px 0px; width:760px; background-color: #e4c7d7;} 
#contentHome .box2, #contentHome .box3, #contentHome .box4, #contentHome .box5,#contentHome .box6,#contentHome .box7{margin:3px 0px 0px 3px; width:250px;height:210px; background:#CCC; float:left; line-height:18px; padding-top:50px} 
#contentHome .box2{ background:url(sistemacyc/b2_producyc.png) no-repeat 0 0} 
#contentHome .box3{ background:url(sistemacyc/b3_cursoscyc.png)  no-repeat 0 0}
#contentHome .box4{ background:url(sistemacyc/b4_vocabtec.png)  no-repeat 0 0}
#contentHome .box5{ background:url(sistemacyc/b5_ques_cyc.png) no-repeat 0 0}
#contentHome .box6{ background:url(sistemacyc/b6_pruebesist_cyc.png) no-repeat 0 0}
#contentHome .box7{ background:url(sistemacyc/b7_tec_cyc.png) no-repeat 0 0}
/* HEADER */
#headerContent { font-size: 110%; #font-size: 11px;}
#headerNav .enterpriseName { /*span del t[itulo de la pagina empresa, en el espacio de navegacion en el header*/
float:right; padding:8px 15px 2px 15px; right:80px; position:absolute/* deben estar alineados menu acceso + comprasestatus */
height:12px;z-index:0; width:600px}
#headerNav .menuHeader { /*span del t[itulo de la pagina empresa, en el espacio de navegacion en el header*/ position:absolute; top:0px; right:105px; padding:5px 10px 2px 10px; font-size: 80%; font-size: 11px; width:200px;/* deben estar alineados menu acceso + comprasestatus */
height:15px;z-index:0;}
#headerNav .menuAcceso {float:right;}
#headerNav .comprasEstatus {float:right; padding:4px 15px 2px 15px; height:15px;}
#headerWrapper{	width:100%;  !important	} /* Watch when you change this value, take care of headerNav ID, si disminuyes o aumentas debe de ir en la misma proporcion. */
#headerContent{width:980px; margin:0 auto;	position:relative;	padding-top: 0px;}
#headerNav{	top:135px; #top:136px; float: right; left:180px;	width:800px;	margin: 0 0 0 0; z-index:2; position:absolute;height:47px; /*background-color:#12175f*/} 
#headerNavBg {top:130px; #top:131px; float: right;	width:980px;	margin: 0 0 0 0; z-index:-10; position:absolute; height:47px}
#headerNav .botonCompras, #ebiblioteca .botonBuscar {background:url(img/btn_nav_shop.png) 0 0 no-repeat;  width: 59px; padding: 0px 0px 0px 7px; margin-left:10px; float:left; top:0px; font-size:80%;}
#headerNav .comprasTotal {float:left;}

#headerContent .reloj{top:56px; right:10px; float:right; position:absolute}
#headerContent .FechaHoy{top:81px; left:275px; /*right:300px;*/ float:right; position:absolute}
#headerContent .text{padding:4px 10px 4px 2px;font-size:18px;font-style:italic;}
#headerContent .shop-cart{	width:50px;	position:absolute;	left: 900px;	top: 125px; z-index:3}
#headerContent .logo{	width:100%;	position:absolute;	overflow:hidden;	left: 35px;	top: 10px; z-index:0}
#headerContent .frase{	width:350px;	position:absolute;	overflow:hidden;	left: 147px;	top: 0px;}
#headerContent .sesion{	width:270px;	position:absolute;	overflow:hidden;	right: 65px;	top: 20px;	text-align:right;	font-size:10px}
#headerContent .portada{position:absolute;	overflow:hidden;	left: 0px;	top: 60px;	height:20px;	background-color:#ecdada;	z-index:0;}
#headerContent .buscador { position:absolute; overflow:hidden;top:70px; right:7px; z-index:3}
#headerContent form{width:150px; padding:0 0 0 0;	top:0px;}
#headerContent form input.txtBox{width:120px;height:12px;	color:#0D0D0D; border:0px #000000; background:url(templates/modele2/inputBg160x20.png) no-repeat 0 0 #FFF;	padding:2px 2px;	float:left;	font-size:9px; margin-left:10px; font-style:italic}
#headerContent form input.go{background: url(sistemacyc/buscadorLupa16x16.png) 2px 1px no-repeat;	height:16px;	width:16px;	color:#0D0D0D; font-size:0px; cursor:pointer; float:right; border:0;}
#headerContent .menu1 {top:45px;  left:180px; position:absolute}
#headerContent .menu2 {top:105px;  left:450px; position:absolute}
#headerContent .menu1, #headerContent .menu2{ font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:900; }
#headerContent .menu1 p, #headerContent .menu2 p{float:left;}
#headerContent .menu1 a:hover, #headerContent .menu2 a:hover{background:url(sistemacyc/bgmenu1y2.png) repeat-x top; height:55px; color:#FFF; text-decoration:none; padding:0 20px 0 20px}
#headerContent .menu1 a, #headerContent .menu2 a{padding:0 20px 0 20px; color:#11175e}
/* CONTENIDOS */
#calendario .ContWrapper .ContWrapper2 .CentralColumn {margin: 0 0 0 195px; }
#calendario .ContWrapper {margin-top:0px;}
/*#calendario .CentralColumn { border-bottom:#0D0D0D 1px solid; border-right:#0D0D0D 1px solid; border-left:#0D0D0D 1px solid; border-top:#0D0D0D 1px solid}
*/#calendario .CentralColumn {padding:9px 4px;}
#calendario .ContWrapper .ContWrapper2 .clearFloat  {clear: left; display: inline-block;}
#calendario .ContWrapper .ContWrapper2  .IndiceColumn {float: left;width: 170px; padding:10px 10px; overflow: hidden; margin: 0 0 0 0;}
#calendario .IndiceColumn {clear:left;}
#calendario .col1 {float: left;padding: 0px 0px 0px 0px; width: 400px; background:#f9f9f9; padding:10px 10px}/* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
#calendario select{ line-height:22px; margin:5px 5px; width:125px; padding:2px 2px; color:#0D0D0D; border:1px solid #0b2541}
#calendario .palabraClave{ line-height:12px; margin:5px 5px; width:135px; padding:5px 5px 5px 12px; color:#0D0D0D; border:1px solid #0b2541; height:12px}
#calendario .col2 {margin: 0 0 0 500px; background:#FFFFFF; padding:5px 5px; width:120px}

#calendario .IndiceColumn h1{color:#0D0D0D; font-size:12px; font-weight:700; width:170px; line-height:22px; border-bottom:solid 1px #0D0D0D;}
#calendario .IndiceColumn a{ color:#0D0D0D; text-decoration:none;}
#calendario .IndiceColumn a:hover{ color:#A62F03; text-decoration:none;}
#calendario .menuContenidosTitulo h1{font-size:34px; font-weight:bold; margin-bottom:-9px; color:#999999; font-family:Arial, Helvetica, sans-serif; padding-left:25px;}
#calendario .headerContenidos { padding-left:15px; color:#0D0D0D; padding-top:15px}
#calendario .headerContenidos a{color:#0D0D0D; text-decoration:none}
#calendario .wrapRegistoCalendario {border-bottom:#0D0D0D 1px solid; border-top:#0D0D0D 1px solid; padding:8px 3px; width:400px; height:45px}
#calendario .fechaRegistro {float:left; width:75px}
#calendario .descripcionRegistro {float:left; width:325px; padding-top:10px}

#ebiblioteca .inputSubmit, #calendario  .inputSubmit{background:url(img/inputSubmit.png) no-repeat;height:22px;width:94px;text-align:center;color:#0D0D0D;font-weight:700;padding-bottom:6px; border:0; margin-top:25px}

/* ESTILOS TIENDA, REFERIRSE AL ARCHIVO DE LAYOUT2c1f.css para estructura de tamanos, aqui solo veras colores, fuentes y fondos */
#usuarios .headerNav2, #portada_admin .headerNav2, #shop .headerNav2, #shop_home .headerNav2, #shop_compras .headerNav2, #usuarios .headerNav2{background-color:#F2F2F2; z-index:1}
#shop_admin .headerNav2 { background-color:#F2F2F2; z-index:4}
#shop_admin .headerNav3, #shop .headerNav3{	background-color:#ffffff;}
#relatedProducts .promociones_related{width:220px; float:left; margin-left:10px}
#shop_home .promociones{width:260px; float:left; margin-left:10px}
#relatedProducts .foto_prod_related {	width: 60px;	height:60px;	padding-top:0px;	float:left;	}
#relatedProducts .item_desc_related  {	width:190px;	padding:10px 10px;	position:relative;	height: 60px;}
#relatedProducts .precio_related  {color:#0D0D0D;line-height:14px;left: 5px;}
#relatedProducts .resumen_related  {line-height:14px;left: 5px;color:#0D0D0D;}
#relatedProducts .resumen_related  a{color:#0D0D0D;font-weight:700;}
#relatedProducts .add_related  {left: 30px;}
#shop .oferta {background-image:url(../css/img/enoferta.png); background-repeat:no-repeat; width:185px; height:16px; position:absolute; top:0px; left:0px;}
#shop .free {background-image:url(../css/img/free.png); background-repeat:no-repeat; width:40px; height:40px; position:absolute; top:-5px; left:125px;}
#shop_home h1 {color:#0D0D0D; text-align:center; border:#dedede 1px solid; padding-top:6px; padding-bottom:6px; width:250px; font-size:12px; font-weight:700}
#shop_home .foto_prod {	width: 85px;	height:100px;	padding-top: 0px;	float:left;}
#shop_home .item_desc {	width:185px;	padding:20px 20px;	position:relative;	height: 100px;	border-bottom: #0D0D0D  1px dotted;}
#shop_home .precio {color:#0D0D0D;line-height:14px;left: 12px;}
#shop_home .resumen {color:#000000;line-height:14px;left: 12px;color:#0D0D0D;}
#containerServicios a{color:#0D0D0D;}
#shop_home .item_desc a{color:#0D0D0D;}
#shop_home a:hover{color:#0D0D0D;}
#shop_home .add {left: 80px;}
#shop_home .proveedor {padding:10px 10px;}
#shop .foto_prod {	width: 210px;	height:160px;	text-align:center;	padding-top: 25px;}
#shop .item_desc {	width:175px;	padding:20px 30px;	position:relative;	height: 250px;	border-bottom: #0D0D0D  0px dotted;}
#shop .titulo_prod {font-size:14px; font-weight:100; line-height:15px; padding:2px 2px 0px 0px}
#shop .agregar_boton_prod { left:90px; top:10px}
#shop .IndiceColumn h2, #podcast .IndiceColumn h2{color:#1A1F2A;font-weight:bold;font-size:11px;}

#shop .IndiceColumn hr, #podcast .IndiceColumn hr{text-align:center;margin:10px 0px 10px 0px;color:#999999;}
#shop .ContentHeaders {	color:#1A1F2A;	border-bottom:0px solid #0D0D0D;	font-size:16px;	font-weight:700;}
#shop_checkout .IndiceColumn hr{text-align:center;margin:10px 0px 10px 0px;color:#999999;}
#shop_checkout .divFormSubmit{background-color:#0D0D0D;line-height:20px;margin-bottom:15px;margin-top:10px;}
#shop_checkout .FormSubmit{background-color:#ffffff;line-height:20px;width:230px;text-align:center;margin:auto;}
#shop_checkout .inputSubmit{background:url(img/inputSubmit.png) no-repeat;height:22px;width:94px;text-align:center;color:#0D0D0D;font-weight:700;padding-bottom:6px;border-right: 0px;}

#shop .TextHeaders {	color:#0D0D0D;	font-size:16px;	font-weight:700;	padding:0px 0px 5px 10px;}
#shop .descripcion, #podcast .descripcion {padding: 10px 10px 10px 10px;margin:10px 10px;}
#shop .descripcion h1, #podcast .descripcion h1 {padding-top:0px;font-size:11px;color:#0D0D0D;}
#shop .add {padding-left:15px; float:left; padding-bottom:20px}
#shop .wish {padding-left: 10px; float:left;  padding-bottom:20px}
#shop .dateOpinion {color:#0D0D0D;}
#shop .nameOpinion {color:#0D0D0D ;}
#shop .textOpinion {color:#000000;}
#shop .comentarios p, #podcast .comentarios p{padding:7px 0px 7px 0px;}
#shop .bulletcat, #contentHome .bulletcat, #contenidos .bulletcat {background:url(carmin/bulletcat.png) 0px 5px no-repeat; padding:5px 5px 5px 20px}
#contentHome .IndiceColumn a, #shop .IndiceColumn a, #podcast .IndiceColumn a, #contenidos .IndiceColumn a{color:#000000;}
#producto .foto_prod {	width: 185px;	height:175px;	background: url(carmin/bgColumn1.png);	text-align:center;	padding-top: 15px;}

#producto .item_desc {	width:185px;	padding:10px 10px;	position:relative;	height: auto;	border-bottom: #0D0D0D  1px dotted;	margin-bottom:10px;}
#producto .precio {color:#0D0D0D;line-height:14px;padding: 5px 5px;}
#shop_compras .HomeUsersBox {/* - Se refiere a la caja que puede albergar los elementos de inicio de sesion de usuarios */
background-color:#F2F2F2;color:#000000;}
#shop_compras .IndiceColumn {clear:left;}
#shop_compras .table_shop { border:#0D0D0D 1px solid;padding:3px 3px}
#shop_compras tr{ margin:4px 4px;line-height:25px}
#shop_compras th, td{ margin:0px 6px;line-height:14px;}
#shop_compras .pasaraCaja {color:#ffffff;background-image:url(img/pasaraCaja.png); background-repeat:no-repeat}
#shop_compras .pasaraCaja a{color:#ffffff; font-size:12px}
#shop_compras .CentralColumn a {color:#0D0D0D;}
.texto_compras1 {text-align:right;line-height:25px;font-weight:normal;}
.texto_compras2 {text-align:left;line-height:25px;font-weight:700;}
#shop_compras .item  {border-top: #999999 1px solid;padding:5px 0px;}
.subtitulosTabla tr{color:#000000;background:#dddcdc;font-weight:700;text-align:center;}
/*Termina parte de productos */
/* En comentarios se describen donde son usados */
.bg1 {background-color:#fff;} 
.bg2 {background-color:#737373	;} /* footer columana buscador, */
/*.bg3 { background:url(avectum/footBg.png) no-repeat; color: #000000} /* pie de pagina empresa, */
.bg3 {color:#0d0d0d} 
.bg3 a{color:#0d0d0d} /* pie de pagina empresa, */
.bg4 {/*background-color:#0d0d0d;*/ width:145px}  /* caja compras en el header OJO el ancho
.bg5, .headerNav2 {background-color:#93B683;} /*Todas las barras de menus}*/
.txt1 {color: #006;} /* pie de pagina empresa, */
.txt1 a{color:#0088cc;} /* pie de pagina empresa, */ 
.txt2 {color:#92abc7; font-size:14px; font-weight:700; font-family: helvetica, Georgia, "Times New Roman", Times, serif} /* pie de pagina portada */
.txt2 a{color:#ffffff;} /* Header  que por default sea la que pone el navegador*/
.txt3 {color:#fff;} 
.txt4 { color: #fff;} /*header Fecha del día corriente, */
.txt5 { color: #0d0d0d;} /*contenedor de servicios, color de la fuente */ 
.txt5 a{ color: #0D0D0D; text-decoration:underline} /*contenedor de servicios, color de la fuente */ 
.txt5 a.hover{ color: #0D0D0D; text-decoration:underline} /*contenedor de servicios, color de la fuente */ 

.txt2portada a{color:#0d0d0d; font-size:100%; font-weight:700;} /* pie de pagina portada links */
.txt2portada a:hover {color:#F28C0F;} /* pie de pagina portada links */
.txt5{color:#2C1C20;} /*Calendartios links */
.txt5 a{color:#2C1C20;}
.txt5 a:hover{color:#A62421; font-weight:700}
.layoutCal {font-size:11px; float:left; width:400px; border-top:#0D0D0D 1px solid;border-bottom:#0D0D0D 1px solid; padding:10px 0px 10px 0px}
.txt6 {color:#0B215D; font-size:1.5em} /*Fechas dia calendario*/
.home a{color: #0d0d0d;}
.home a:hover {color: #0d0d0d;}
.home h1{ color: #003;font-size:12px;padding:10px 0px 0px 0px;}
.sesion {color:#123550; font-size:11px}
.sesion a{color: #11175e; font-size:11px; font-weight:bold}
.sesion a:hover{color: #2b83c2; font-size:11px; font-weight:bold}
.border1 {border:#dddddd 1px solid;} 
.headerColour a, .headerColour{color:#0D0D0D;}
.frase{ padding:16px 0px 0px 0px; font-family: Tahoma, Geneva, sans-serif; font-size:12px; color:#0d0d0d;}
#homeColumn1 .twitter{	width:30px;	position:absolute;	overflow:hidden;	right: 27px;	bottom: 10px; margin:5px 2px}
#homeColumn1 .youtube{	width:30px;	position:absolute;	overflow:hidden;	right: 61px;	bottom: 10px; margin:5px 2px}
#homeColumn1 .facebook {	width:30px;	position:absolute;	overflow:hidden;	right: 95px;	bottom: 10px; margin:5px 2px}
#homeColumn1 .rss{	width:24px;	position:absolute;	overflow:hidden;	right: 129px;	bottom: 10px; margin:5px 2px}
#homeColumn1 .wordpress{	width:24px;	position:absolute;	overflow:hidden;	right: 163px;	bottom: 10px; margin:5px 2px}

#contenidos .IndiceColumn a, #medios .IndiceColumn a{ /*color:#0d0d0d; que por default exista la del navegador*/ text-decoration:none;}
#contenidos .IndiceColumn a:hover, #medios .IndiceColumn a:hover{ text-decoration:underline;} 

#podcast .IndiceColumn h1 {color:#003; font-size:12px; font-weight:700; border-bottom:solid 1px #0D0D0D;}
#podcast .IndiceColumn a{ /*color:#0d0d0d;*/ text-decoration:none;}
#podcast .IndiceColumn a:hover{ /*color:#0d0d0d;*/ text-decoration:none;}
#podcast .headerContenidos, #podcast .ContentHeaders, #podcastOpiniones h2 {color:#0D0D0D; font-size:14px; font-weight:900;}
#ebiblioteca h1, #podcast h1 {color: #003;font-size: 16px; font-weight: 700; padding: 0 0 5px 10px;}

/* ESTILOS DE OPINIONES Y COMENTARIOS */

#medios .comentarios h1, #shop .comentarios h1 {padding-top:0px;font-size:11px;color:#0D0D0D;}
#medios .rating h1, #shop .rating h1, #portadas .rating h1, #ebiblioteca .rating h1{float:left;padding-top:3px;padding-right:5px;padding-left:5px;font-size:11px;color:#0D0D0D;}
#podcast .opinion h1, #medios .opinion h1, #shop .opinion h1, #portadas .opinion h1, #ebiblioteca .opinion h1{padding-top:0px;font-size:11px;color:#0D0D0D;}
#podcast .opinion, #medios .rating, #shop .rating, #shop .comentarios, #shop .opinion, #portadas .opinion, #portadas .rating, #ebiblioteca .rating{background-color:#E4F2E5;margin-left:10px;margin-right:10px;padding:10px 10px;}
#podcast .opinion, #medios .comentarios, #shop .comentarios {margin-bottom:10px;}



/* Alternate colors */
.even {background-color:#F2B90C; padding:5px 5px}
.odd {background-color:#999999; padding:5px 5px}
.heightlight {background-color:#FFFFFF;  padding:5px 5px}

/*MENU SHOP */

.shop li {	border-bottom: 4px solid #0D0D0D;}/*Borde inferior */
.shop a { color:#F00} /* color de links */
.shop a.selected {color:# FFF;} /* Menu seleccionado */
.shop a.hover {	color: #ffffff !important;	background-color:#0D0D0D;} /*Fondo en hover */
#menuNav{background: #e4c7d7;}

/* MENUS DE NAVEGACION */

.bgmenuNav { background: #e4c7d7;}/*fondo menu */
.inicio {padding-right:10px; padding-left:8px; font-weight:600; border-bottom:41px #003300}
.selectedNav{}
.selectedNav a{ height:19px; width:72px; bottom:0px; z-index:4000; text-align: center; font-weight:800}
.selectedNav .principal{background: url(portadas/pestanaMenu000000.png) 0px 0px no-repeat; height:19px; width:72px; bottom:0px; z-index:4000; text-align: center; font-weight:800}

.selectedNav a.hover{ text-decoration: none}
.separaNav {padding:0px 0px 0px 5px; color:#ebebeb}
.tabMnu {padding:0px 0px 0px 5px; color:#ebebeb; margin-left:0px}

.gsc-resultsHeader 
{width: 100%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e9e9e9 ;margin-bottom: 4px;}
#portadas .IndiceColumn, #homeColumn1, #portadas .IndiceColumn, #portadas .IndiceColumnAutor {/*background:url(portadas/bgIndicehomeffffff2.png) left repeat-y; */}
#homeWrapper #homeContentWrapper .clearFloat { clear: left; display: block; /*background:url(img/bgIndicehomeffffff2.png) left repeat-y*/}
 

/*Columnas indices */

#ebiblioteca .IndiceColumn { margin-top:40px; top:40px; line-height:22px} 
#contenidos .IndiceColumn, #medios .IndiceColumn, #podcast .IndiceColumn, #calendario .IndiceColumn, #shop .IndiceColumn {border:#cdcdcd 0px solid;} 
/*.botonCompras a{color: #009; text-decoration:underline; float:left}*/
.comprasTotal { float:right;}
/* BORDERS */

#contenidos .CentralColumn, #gallery .CentralColumn, #usuarios .CentralColumn, #usuarios_admin .CentralColumn, #calendario .CentralColumn {
	border-bottom: #666666 0px solid;
	border-right:#666666 0px solid;
	border-left:#666666 0px solid;
	border-top:#666666 0px solid;
 background-position:top; background-repeat:no-repeat; background-color:#fff;
}

#producto { border:#000000 0px solid}
#usuarios .divFormSubmit{background-color:#0d0d0d;line-height:20px;margin-bottom:15px;margin-top:10px;}

/* TEMPLETE PERSONALIZACION DE HEADER, FOOTER, MENUS */
#headerContent { background: url(sistemacyc/headerWeb1.png) no-repeat #fff; height:175px}
/* Elementos del buscador en la linea 735 */
/* #headerNav{	background: url(sistemacyc/barraMenu.png) repeat-x}*/