body {

	margin: 0 auto;
	font-size: 11px;
}

#content_element_logotipo {

	display: block;

} 

.cke_top {
  position: absolute;
  top: -20px;
  width: 300px !important;

}

.cke_toolbar {
  width: 300px;	
}

.cke_skin_kama .cke_wrapper  {
  background-image: none !important;	
}
	
a
{
  color: #333;
  text-decoration: none;
}

a:hover
{
  text-decoration: none;
  opacity: 0.8;
}

p {
margin-bottom: 1em;
}

#barra_cms {
font: 100% Tahoma, Arial, Helvetica, sans-serif;
}

#sf_admin_container ul, #sf_admin_container ol, #sf_admin_container li, #sf_admin_container h1, #sf_admin_container h2, #sf_admin_container h3, #sf_admin_container h4, #sf_admin_container h5, #sf_admin_container h6, #sf_admin_container pre, #sf_admin_container form, #sf_admin_container body, #sf_admin_container html, #sf_admin_container p, #sf_admin_container blockquote, #sf_admin_container fieldset, #sf_admin_container input {  margin: 0; padding: 0; }
#sf_admin_container a img,:link img,:visited img { border: none; }

#sf_admin_container a:link, #sf_admin_container a:visited
{
  text-decoration: none;
  color:#000000;
}

#sf_admin_container a:hover
{
  text-decoration: underline;
}

#sf_admin_container td
{
  margin: 0;
  padding: 20px;
  font-family: Arial, sans-serif;
  font-size: 11px;


}

#sf_admin_container p
{
  margin-bottom: 5px;
}

#sf_admin_container #sf_admin_bar
{
  margin-top: 8px;
  position: absolute;
  right: 20px;
  width: 250px;
}

#sf_admin_container #sf_admin_content
{
  margin: 5px;
}

#sf_admin_container h1
{
  margin: 8px 0;
  padding: 3px;
  padding-left: 0px;
  color: #555;
  font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
  font-size: 25px;
}

#sf_admin_container fieldset h2
{
  padding: 3px;
  color: #fff;
  background-color: #b83535;
  font-size: 11px;
}

#sf_admin_container input, #sf_admin_container textarea, #sf_admin_container select
{
  
  font-family: Arial, sans-serif;
  font-size: 11px;

  vertical-align:middle;
}

#sf_admin_container label
{
  display: block;
  padding: 0 1em 3px 0;
  float: left;
  text-align: left;
  width: 8em;
  color: #666;
  font-weight: normal !important;
}

#sf_admin_container label.required
{
  color: #D0D0D0 !important;
  font-weight: bold !important;
}

#sf_admin_container .sf_admin_filters input[type="checkbox"] + label
{
  display: inline;
  float: none;
}


#sf_admin_container .content input[type="text"], #sf_admin_container .content  select
{
width:190px;

}

#sf_admin_container .content input[type="text"]:focus,#sf_admin_container .content select:focus,#sf_admin_container .content textarea:focus
{
width:190px;
background: #ffffcc;
}

  

#sf_admin_container .save-ok
{
  margin-bottom: 10px;
  border: 1px solid #73B65A;
}

#sf_admin_container .save-ok h2
{
  margin: 0 !important;
  padding: 5px 20px 5px 25px;
  font-size: 11px;
  color: #fff;
  background: #73B65A url(../images/ok.png) no-repeat 5px 2px;
}

#sf_admin_container .form-row
{
  width: 313px;

  padding: 10px;
  border: 1px dotted #ddd;
  margin:3px;
  float: left;
}

#sf_admin_container .form-row2
{
  width: 300px;

  padding: 10px;
  border-bottom: 1px solid #ddd;
  float: right;
}


#sf_admin_container .form-row .form-row2 .content
{
  padding-left: 9em;
}

#sf_admin_container .form-errors
{
  margin-bottom: 10px;
  border: 1px solid #f33;
  background-color: #ffc;
}

#sf_admin_container .form-errors h2
{
  padding: 5px 20px 5px 25px;
  font-size: 11px;
  color: #fff;
  background: #f33 url(../images/error.png) no-repeat 5px 2px;
}

#sf_admin_container .form-errors dl
{
  padding: 5px;
}

#sf_admin_container .form-errors dt
{
  font-weight: bold;
  float: left;
  padding-right: 5px;
}

#sf_admin_container .form-errors dd
{
  margin: 0;
}

#sf_admin_container .form-error
{
  color: #f33;
}

#sf_admin_container .form-error input, #sf_admin_container .form-error select, #sf_admin_container .form-error textarea
{
  border: 1px solid #f33;
}

#sf_admin_container fieldset
{
  margin-bottom: 3px;
  border: 0;
  border-bottom: 0px;
  background-color: #fff;
}

#sf_admin_container fieldset.collapsed * { display:none; }
#sf_admin_container fieldset.collapsed h2, #sf_admin_container fieldset.collapsed { display:block !important; }
#sf_admin_container fieldset.collapsed .collapse-toggle { display: inline !important; }
#sf_admin_container fieldset.collapse h2 a.collapse-toggle { color:#ffc; }
#sf_admin_container fieldset.collapse h2 a.collapse-toggle:hover { text-decoration:underline; }

#sf_admin_container .float-left
{
  float: left;
}

#sf_admin_container .float-right
{
  float: right;
  margin-top: -20px;
}

#sf_admin_container ul.sf_admin_td_actions
{
  list-style-type: none;
}

#sf_admin_container ul.sf_admin_td_actions li
{
  list-style-type: none;
  display: inline;
}

#sf_admin_container ul.sf_admin_actions
{
  margin: 0px 0px;
  list-style-type: none;
  text-align: right;
}

#sf_admin_container ul.sf_admin_actions a
{
  color: #b83535;
}

#sf_admin_container ul.sf_admin_actions li
{
  list-style-type: none;
  display: inline;
}

#sf_admin_container ul.sf_admin_actions input
{
  padding: 3px 3px 3px 20px;
  color: #b83535;
  font-size: 11px;
  font-family: Arial, sans-serif;
  border: 0px;
  border-right: 4px solid #999;
  background-color: #ffc;
  cursor: hand;
  cursor: pointer;

}

#sf_admin_container .sf_admin_action_create
{
  background: url(../images/add.png) no-repeat 3px 2px;
  border-right: 4px solid #73B65A !important;
}

#sf_admin_container .sf_admin_action_save
{
  background: url(../images/save.png) no-repeat 3px 2px;
  border-right: 4px solid #73B65A !important;
}

#sf_admin_container .sf_admin_action_save_and_add
{
  background: url(../images/save.png) no-repeat 3px 2px;
  border-right: 4px solid #73B65A !important;
}

#sf_admin_container .sf_admin_action_save_and_list
{
  background: url(../images/save.png) no-repeat 3px 2px;
  border-right: 4px solid #73B65A !important;
}

#sf_admin_container .sf_admin_action_delete
{
  background: url(../images/delete.png) no-repeat 3px 2px;
  border-right: 4px solid #E75C58 !important;
}

#sf_admin_container .sf_admin_action_cancel
{
  background: url(../images/cancel.png) no-repeat 3px 2px;
  border-right: 4px solid #E75C58 !important;
}

#sf_admin_container .sf_admin_action_filter
{
  background: url(../images/filter.png) no-repeat 3px 2px;
  border-right: 4px solid #66f !important;
}

#sf_admin_container .sf_admin_action_reset_filter
{
  background: url(../images/reset.png) no-repeat 3px 2px;
  border-right: 4px solid #E75C58 !important;
}

#sf_admin_container .sf_admin_action_list
{
  background: url(../images/list.png) no-repeat 3px 2px;
  border-right: 4px solid #66f !important;
}

#sf_admin_container .sf_admin_default_action
{
  background-color: #fc6 !important;
  font-weight: bold !important;
}

#sf_admin_container .sf_admin_list
{
  width: 100%;
  border: 1px solid #ddd;
  border-bottom: 0px;
  border-right: 0px;
}

#sf_admin_container .sf_admin_list th
{
  padding: 2px;
  color: #333;
  text-align: left;
}

#sf_admin_container .sf_admin_list th a
{
  color: #333;
}

#sf_admin_container .sf_admin_list td
{
  padding: 3px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

#sf_admin_container .sf_admin_filters li
{
  list-style-type: none;
}

#sf_admin_container .sf_admin_row_0 td
{
  
}

#sf_admin_container .sf_admin_row_1 td
{
  background-color: #e4e3e3;
}

#sf_admin_container .sf_admin_edit_help
{
  color: #aaa;
}

#sf_admin_container .mceEditor td
{
  padding: 0px;
}

#sf_admin_container select.sf_admin_multiple, #sf_admin_container select.sf_admin_multiple-selected
{
  width: 12em;
}

#sf_admin_container ul.sf_admin_checklist li
{
  list-style: none;
  line-height: 1.5em;
}

#sf_admin_container ul.sf_admin_checklist li label
{
  display: inline;
  float: none;
}

#form_header 
{
  font-size: 11px;
  color: #fff;
  background: #D0D0D0;
  margin-bottom: 4px;
  height: 22px;
  padding: 2px;
  padding-left: 10px;
  font-weight: bold;
  clear: both;
}

#form_header_actions {
  float: right;
  margin-right: 10px;
  display: inline;
}

#view_header {
  font-size: 14px;
  color: #fff;
  background: #D0D0D0;
  margin-top:5px;
  margin-bottom: 4px;
  height: 20px;
  padding: 2px;
  padding-left: 10px;
  font-weight: bold;

}

#view_container {
	
clear: both;

}

#admin_fg_photo_container {

float: left; 
width: 275px; 
min-height: 150px; 
*html height: expression( document.body.clientHeight < 151 ? "150px" : "auto" ); /* sets min-height for IE */
border: solid 1px #ccc; 
margin: 5px; 
padding: 5px; 
text-align: center; 
background-color: #666;

 }

#admin_fg_photo {  width: 140px; height: 140px; background-color: #000;}

#admin_fg_photo_container IMG { 
border:0;
margin: 5px; 
max-width: 140px;
*html width: expression( document.body.clientWidth > 139 ? "140px" : "auto" ); /* sets max-width for IE */ 
max-height: 140px;
*html height: expression( document.body.clientHeight > 139 ? "140px" : "auto" ); /* sets max-height for IE */
}

#admin_fg_photos { margin: 10px; }

#admin_fg_photos A, IMG { border: 0px; }

#admin_fg_photos .thumb { 
max-width: 120px; 
*html width: expression( document.body.clientWidth > 119 ? "120px" : "auto" ); /* sets max-width for IE */
max-height: 120px; 
*html height: expression( document.body.clientHeight > 119 ? "120px" : "auto" ); /* sets max-height for IE */
}


#admin_fg_photos INPUT { width: 200px;}

#admin_fg_preview_thumb {float: left; width: 70px; height: 52px; margin: 2px; border: solid 5px #000; background-color: #b83535;}

#admin_fg_preview_container {

width: 200px; 
min-height: 135px; 
*html height: expression( document.body.clientHeight < 136 ? "135px" : "auto" ); /* sets min-height for IE */
clear: both; 
text-align: center;}

#admin_fg_list_container { margin: 10px; }

#admin_fg_list_container IMG { 

border:0; 
margin: 0px; 
max-width: 140px;
*html width: expression( document.body.clientWidth > 139 ? "140px" : "auto" ); /* sets max-width for IE */
max-height: 140px;
*html height: expression( document.body.clientHeight > 139 ? "140px" : "auto" ); /* sets max-height for IE */

}

#admin_fg_gallery { border: solid 2px #CCC; background-color: #666; float: left; width: 170px; height: 185px; text-align: center; color: white; margin: 2px;}


.dragging {
	opacity: 0.60;
	filter: alpha(opacity=60);	
}

#element_cuadricula .slot_selected {
  overflow: hidden;
}


.selector {
  border: 2px solid red;
  position: absolute;
  left:0px;
  top: 0px;
}

.content_slot {
  display: inline;
}

.Empty {
	/*
	background-color: transparent;
	background-image: url(/images/empty-background.png);
	*/
}


/** MENU */

#cms_menu li {
  margin-left: 10px;	
}

#cms_menu ul {
  margin-left: 10px;	
}

#cms_menu a {
  color: #fff;
}

#admin_cms_menu a {
  color: #333;
  font-size: 12px;
}

.pointer {
	 cursor: pointer;
     cursor: hand;
}

#color_picker_footer {
  height: 12px;
  text-align: right;  	
}

#color_picker_bar {
  font-size: 9px; 
  height: 30px; 
  background-image:url(/images/cms_admin/fondo_menu_principal.gif);
background-repeat:repeat-x;
}

#color_picker_container {
  background-color: #eee;
  border: 1px solid #ccc;	
}

div#menu_bancos {
	margin-top: 20px;
	float: left; 
	width: 200px;
	overflow-x: auto;
	overflow-y: auto;
	padding-bottom: 20px;
	#height: 500px;
}

#menu_bancos ul {
	
	list-style-type: none;
	margin-left: 2px;	
	padding-left: 2px;	
	margin-bottom: 0px;
}



.pixelIndicatorTopInt {
   font-size: 10px;
   position: absolute;
   top: 0px;
   color: #000;
   width: 100%;
   margin: 0;
   padding: 0;
   left: 0px;
   text-align: center;
   display: none;
   
}

.pixelIndicatorLeftInt {
   font-size: 10px;
   position: absolute;
   top: 48%;
   left: 0px;
   color: #000;
   text-align: center;
   display: none;
}

.pixelIndicatorRightInt {
   font-size: 10px;
   position: absolute;
   top: 48%;
   right: 0px;
   color: #000;
   text-align: center;
   display: none;
}

.pixelIndicatorBottomInt {
   font-size: 10px;
   position: absolute;
   bottom: 0px;
   color: #000;
   width: 100%;
   margin: 0;
   padding: 0;
   left: 0px;
   text-align: center;
   display: none;
}

#TB_title {
   display: none;
}

#sf_admin_container #sf_admin_content.popup {
    width: 500px;	
}

.form-error-msg {
	color: red;
} 

ul#edit_tools, ul#page_edit_tools {
	padding: 8px;
	padding-left: 4px;
}

ul#edit_tools li, ul#page_edit_tools li {
  list-style-type: none;
  display: inline;
  float: left;
  width: 18px;
}

#edit_box, #page_edit_box {

  

}

#edit_box {
  display: none;	
}

#dialog_edit_box {
  overflow: visible;
  position: fixed;
  width: 140px;
  height: 30px;
  background-color: #eee;
  z-index: 1000;
  border: 2px solid #333;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  cursor: pointer;
}

#dialog_tabs {
  width: 113px;
  height: 240px;
  #height: 275px;
  background-color: #fff;
  border: 2px solid #333;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  padding: 3px;
}

#select_box {
  display: none;
  position: absolute;
  background-color: transparent;
  border: 2px solid red;
  cursor: pointer;
  cursor: hand;
}


#loading_layer {
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	color: white;
}

#overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	display: none;
	background-color: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.structure_tools {

  min-width: 50px;  
}

.red {
  color: red;
  margin-left: 2px;
}

.green {
  color: green;
  margin-left: 2px;
}

.ui-resizable-s, .ui-resizable-n, .ui-resizable-e, .ui-resizable-w, .ui-resizable-se, .ui-resizable-sw, .ui-resizable-ne, .ui-resizable-nw{
  z-index: 0;
 
}

.ui-resizable-nw, .ui-resizable-se {
 background-color: #ccc;
  border: 1px solid #333;
}


.color {
  text-align: center;
  float: left;
  border: 1px solid black;
  margin: 5px;
  cursor: pointer;
  cursor: hand;
}

.color:hover {
  border: 1px solid red;
}

.rojoclaro {
  background-color: #ff9999;
  color: white;
}

.rojo {
  background-color: #e71313;
  color: white;
}

.granate {
  background-color: #990000;
  color: white;
}

.carne {
  background-color: #ffcc99;
  color: white;
}

.naranja {
  background-color: #fe6c01;
  color: white;
}

.amarilloclaro {
  background-color: #ffffcc;
  color: #222;
}

.violeta {
	
	background-color: #AD0CAD;
  color: #222;

}

.amarillo {
  background-color: #ffef41;
  color: #222;
}

.azul {
  background-color: #0295fc;
  color: white;
}

.ocre {
  background-color: #fcb302;
  color: white;
}

.azuloscuro {
  background-color: #000099;
  color: white;
}

.celeste {
  background-color: #9ad1ff;
  color: black;
}

.verdeclaro {
  background-color: #ccff99;
  color: white;
}

.verde {
  background-color: #008d07;
  color: white;
}

.negro {
  background-color: #000000;
  color: white;
}

.marronoscuro {
  background-color: #663300;
  color: white;
}

.gris {
  background-color: #d0d0d0;
  color: white;
}

.blanco {
  background-color: #ffffff;
  color: black;
}

.disenoSelection { cursor: pointer; }

.submenuWeb {
  z-index: 900;
}

#select_disenos {
  z-index: 10000;
}

.content_slot #texto p {
  margin-bottom:0px;
}


tr.item_selected_tr.selected {
    background-color: #ccc;
}

tr.item_selected_tr:hover {
    background-color: #eee;
}

.editableText {
	min-height: 20px;
	overflow: auto;
}
.editableText:hover {
	outline: none;
}
.editableToolbar:hover + * {
	outline: none;
}
.editableToolbar {
	position: absolute;
	top:-14px;
	left: 149px;
	z-index: 1000;
	width: auto;
	height: 17px;
	background-color: #eee;
	border: 1px solid #333;
	-moz-border-radius: 3px;
	padding: 2px;
}
.editableToolbar a {
    display: block;
    width: 17px;
    height: 15px;
    float: left;
    margin: 2px;
}
.editableToolbar .edit {
	background: url("/images/icons/edit.png");
}
.editableToolbar .save {
    background: url("/images/icons/save.png");
}
.editableToolbar .cancel {
    background: url("/images/icons/delete.png");
}
.editableToolbar .bold {
    background: url("/images/icons/text_bold.png");
}
.editableToolbar .italic {
    background: url("/images/icons/text_italic.png");
}
.editableToolbar .format {
    border: 1px solid #eee;
    height: 18px;
    font-size: 11px;
}

img.editableImage { padding: 10px; }