/********************************************
   AUTHOR:  	  	 Martín Díaz
   WEBSITE:   		 www.sintesisinformativa.com.ar
   TEMPLATE NAME: 	 Síntesis Infrmativa	
   VERSION:          1.0          	
 *******************************************/
 
/********************************************
   ELEMENTOS HTML 
********************************************/ 


html, body {
	font-family: Arial, Helvetica, sans-serif;
	color:black; 
	font-size:11pt;
	}


body {
	margin:0;
	padding: 0;
}

/* links */
a {	color:black;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}


/* headers */

h1, h2, h3, h4 {
	margin:0;	
}

h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:15.5pt;
	font-weight:normal;
}

p, ul, ol {
	padding:0;		
	margin: 0;
}

p{
	padding-bottom:0.6em;}

ul {
	list-style:none;}


/* images */

img {
	border:0;
	margin:0;
}


td {
	vertical-align:top;
	}



/* form elements */

form, input, label, textarea {
	margin:0;
	padding:0;
}

label {
	display:block;
}





/**************************************
   LAYOUT 
***************************************/	

/* ajustes de anchos fijos para el layout */

.principal 	{width:18cm; position:absolute; left:1cm; top:2cm;}
.encabezado, .lateral, .fecha, .menu-lateral, .pie, .banner-top, .nota-tools 	{visibility:hidden;}

.enc-seccion{
	padding-left:10px;}

	
.pie{
	background: url(../img/pie-fondo.png) repeat-x top left;
	height:38px;
	text-align:right;
	}	
.pie img{
	margin:5px 10px 0 0;}	

/**************************************
   NOTA
***************************************/

/*imagen*/
.imagen, .imagen-wide {float:left;  margin-bottom:4px;}
.imagen img, .imagen-wide img{display:block;}

.imagen {width:auto; margin-right:10px;}

.imagen-wide {width:100%;}
.imagen-wide {margin-right:0;}

/*notas*/

.nota, .nota2{
	text-align:left;
	padding-bottom:14px;
	margin:14px 0 0 10px;
	background: url(../img/linea-h.png) repeat-x bottom left;
	}

.nota img, .nota2 img{
	border:none;}
	
.copete{
	font-weight:bold;}	
	
.epigrafe	{
	font-size:7pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	}

	
.nota2{
	padding-bottom:6px;
	margin-top:6px;
	}	
	
.nota h1, .nota h1 a{
	font-size:14pt;
	font-weight:lighter;
	margin-top:2px;}
	


	
.nota .mini, .nota2 .mini{
	font-size:7pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
	

/* ampliada */

.ampliada {
	margin-top:0px;
	line-height:120%;
	margin-right:10px;
	background:none;
	
	}


.ampliada p{
	margin-bottom:6px;}	
	
	
.ampliada h1, .ampliada h1 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20pt;
	font-weight:bold;
	line-height:100%;
	margin-bottom:0;
	}
	
.ampliada h5{
	font-size:11pt;
	font-weight:bold;
	margin-top:15px;}
	
.ampliada .imagen {margin-right:20px;}	
	
.ampliada ul{
	margin-left:24px;
	list-style:disc;

	}	
	
	
/* slide de imagenes */

div.slide .slbotones img{
	border:0;}

div.slide{
	width:280px;
	float:left;
	margin-right:14px;
	}
	
.slbotones{
	float:right;
	position: relative;
	top:-34px;
	z-index:1000;}
.slbotones{
		vertical-align:top;}	
		
/* audio cast */

.audio-cast{
	margin-top:20px;
	background:url(../img/ico-audio.png) no-repeat 2% 50%;
	height:22px;
	text-align:right;}

/**************************************
	BANNERS
***************************************/
	
.banner-home{
	margin:14px 0 14px 10px; }	
	

/* clases de alineacion */

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }


.tamanio_01{
	font-size:7.5pt;}	
	
.tamanio_02{
	font-size:7pt;}
	
.tamanio_03{
	font-size:8pt;}			

.tamanio_04{
	font-size:9pt;}
	
.input_01, .input_02{
	height:19px;
	color:#464646;
	border:0;
	border-right:#cbcbcb 1px solid;
	border-left:#cbcbcb 1px solid;		
	background:url(../img/input-02-fondo.png) repeat-x;
	padding:0 0 0 2px;
	line-height:18px;
	font-size:9px;
}

.linea-h{
	background:url(../img/linea-h.png) repeat-x bottom left;}
	
.linea-v{
	background:url(../img/linea-v.png) repeat-y top right;}

.linea-v-01{	
	background:url(../img/linea-v-01.png) repeat-y top right;}
	

.bloque, .bloque *{
	display:block;}
	
.enlinea, .enlinea *{
	display: inline;}	
	
.negrita{
	font-weight:bold;
	}
	
.pad_4{
	padding:4px;}	
	
.pad_10{
	padding:10px;}

.pad_top_6{
	padding-top:6px;}	
	
.pad_top_10{
	padding-top:10px;}
	
.pad_right_10{
	padding-right:10px;}
	
.pad_bottom_10{
	padding-bottom:10px;}

.margin_bottom_5{
	margin-bottom:5px;}

.almedio{
	vertical-align:middle;}	


/* fijar alto */

.clearfix:after {
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* HTML .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */


/**************************************
   THICKBOX 
***************************************/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  height:100%;
  width:100%;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  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 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}



/**************************************
   TEST 
***************************************/

.test1{background:red;}
.test2{background:blue;}
.test3{background:green;}
.test4{background:orange;}
.test5{background:purple;}
.test6{background:yellow;}