/**
* Archivo CSS del Proyecto Mercolleida
*
* Definición de los estilos incorporados por Typo3 en el Sitio Web de MERCOLLIDA
*
* @author      	Jonathan Ch.
* @version     	0.0
* @copyright	2009 Griho
* @project		Sitio web de MERCOLLEIDA
* @package		xhtml-css
*
* @style       Medidas de Columnas 
* @media       screen
* @layout      in pixels:
*              |         1000 (984)        |	Hay un margen de 24px por la barra lateral de desplazamiento y 8px de lateral blanco
*              | 250  |     484      | 250 |	Puedeser dividirse en 3 columnas a nivel más alto 	
*              | 300  |      	| 280| 300 |	Son las 3 columnas del pie que siempre estarán.
*
*/


/**
* @section		estilos_css
*/

/* default styles for extension "tx_cssstyledcontent" */
  .align-right {text-align: right;}
  .align-left {text-align: left;}
  .align-center {text-align: center;}
  
/* Captions */
	div.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	div.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	div.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	div.csc-textpic div.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
		border: 0.0833em solid #990000;
		padding: 0;
	}

	div.csc-textpic-imagewrap { 
		margin: 0;
		padding: 0.1667em; 
		/*border: 0.0833em solid #990000;*/
	}

	div.csc-textpic img { border: none; }

	/* div: This will place the images side by side */
	div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	div.csc-textpic div.csc-textpic-imagewrap uk { list-style: none; margin: 0; padding: 0; }
	div.csc-textpic div.csc-textpic-imagewrap ul li { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image { float: left; }
	div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt { float: none; }
	div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd { float: none; }
	div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img { border: none; } /* FE-Editing Icons */
	dl.csc-textpic-image { margin: 0; }
	dl.csc-textpic-image dt { margin: 0; display: inline; }
	dl.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	div.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,
	div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
	div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 0.833em /*10px*/;
	}

	/* Pictures on right, add margin on left */
	div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,
	div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
	div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0.833em /*10px*/;
	}

	/* Pictures centered, add margin on left */
	div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0.833em /*10px*/;
	}
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; font-style: oblique; font-size: small; }
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img { margin: 0; }

	/* Space below each image (also in-between rows) */
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	div.csc-textpic-equalheight div.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	div.csc-textpic div.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	div.csc-textpic-intext-left div.csc-textpic-imagewrap,
	div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
		margin-right: 0.833em !important; /*10px*/ 
	}
	div.csc-textpic-intext-right div.csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
		margin-left: 0.833em !important; /*10px*/ 
	}

	/* Positioning of images: */

	/* Above */
	div.csc-textpic-above div.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	div.csc-textpic-center { text-align: center; /* IE-hack */ }
	div.csc-textpic-center div.csc-textpic-imagewrap { margin: 0 auto; }
	div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	div.csc-textpic-center div.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	div.csc-textpic-right div.csc-textpic-imagewrap { float: right; }
	div.csc-textpic-right div.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	div.csc-textpic-left div.csc-textpic-imagewrap { float: left; }
	div.csc-textpic-left div.csc-textpic-text { clear: left; }

	/* Left (in text) */
	div.csc-textpic-intext-left div.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	div.csc-textpic-intext-right div.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html div.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html div.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	
	/* Browser fixes: */
	
	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; height: 1%; }
	div.csc-textpic div.csc-textpic-imagerow-last { margin-bottom: 0; }
	/* default styles for extension "tt_news" */
	/* example styles for the pagebrowser */
    .tx-ttnews-browsebox TD { font-size: 0.833em /*10px*/; }
    .tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
    .tx-ttnews-browsebox-SCell { background-color: #EEE; } 
    
/*****************************************************************************/