/* Start of CMSMS style sheet 'Livex Layout' */
/*

	Hoja de estilos del sitio web de Livex

	Editado por: Juan Carlos Jiménez

f6d812 - Amarillo -> En Uso

#0064D1 - Azul -> En Uso

#D7B60F - Amarillo del logo

f56d20 - Naranja

#6A9AC2
#293483 - Azul Obscuro

4f64fd - Azul Claro

#cdcdcd - Gris

#009EE0 - Celeste del logo - Ya no

#FFD723 - Amarillo del Logo - Ya no

*/



/*Seteando el padding y los margenes a 0*/



* {

margin:0;

padding:0;

}





/*

Si img esta dentro de un "a" no deberia tener bordes

*/

img {

   border: 0;

}





body{

	background: url(uploads/bg1b.gif) #FBC730 repeat-x;	

	font-size: 12px;

	

}

h1 {

	font-size:24px;

	font-weight:700;

	margin:0;

}



h2 {

	font-size:10px;

	color:#F90;

	margin:0;

	font-weight:700;

}



h3 {

	font-size:16px;

        color: #0064D1;

        font-weight:bold;
	/*color:#369;*/

/*	font-weight:700;*/

	margin:0;

        margin-bottom:1em;

	padding-bottom:5px;

	border-bottom:1px dotted #CCC;

}

p {

	

	margin-top:5px;

	padding-bottom:5px;

	padding-left: 3px;

	font-size:12px;

/*	line-height:1.5em;*/

}



a, a:visited {

        color:#0064D1;

}



/* 

definition tags are also hidden 

these are also used for menu links    

*/

dfn {

   position: absolute;

   left: -1000px;

   top: -1000px;

   width: 0;

   height: 0;

   overflow: hidden;

   display: inline;

}

/* end accessibility */



/*El marco principal del sitio..*/

#marco {

	font: 11px Arial,Helvetica,sans-serif;

	background-color:#ffffff;

	width: 850px;	

	text-align:left;

	padding: 10px;

	height:auto;

	margin: 0 auto;	
        border-bottom: dashed 1px #cdcdcd;

}

/*Para que no se peguen las imagenes al texto*/

#marco img{

      padding:5px;

}



#header {

	background-color:#fff;

	height: 130px;

}

/*Aqui se pone el logo de la empresa y se hace un link para el home principal*/

div#header h1 a {

/* AQUI VA EL LOGO PRINCIPAL */

   background: #fff url(uploads/LOGO-LIVEXLAB.JPG) no-repeat 0 12px; 

   display: block;

   height: 100px;             /* adjust according your image size */

   text-indent: -999em;  /* this hides the text */

   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */

}



#header h1{

	font-size:20px;

        color:#0064D1;

}



#breadcrumbs {

	background: #F6D812 url(uploads/bgBreadcrumbs.gif) repeat-x;

	margin: 0 0 0 0;		

	font-style: italic;

        font-size: 12px;

        height:30px;

	margin-top: 8px;

        color: black;
        
        text-align: right;


}



.barra_izq {	

	width: 19%;	

	background: #0064D1 url(uploads/bgTitle.gif) repeat-x;	

	font-weight:bold;

	height:30px;

	color:#ffffff;		

	padding-left:1em;

        float: left;

        margin-top: 8px;



		

}

#pagina {

	height:1%;

}



#left_panel {

	/*border: solid 1px black;*/

	background-color: #F6D812;

	/*height:200px;*/

	width:20%;

	float:left;

	

}





#banner img{

	border: solid 1px black;
padding: 0;

}

.titulos{

	margin-top: 0px;

	margin-bottom:1em;

	font-size: 14px;

	color:white;

	font-style: italic;	

	background: #0064D1 url(uploads/bgTitle.gif) repeat-x;

	padding-left:1em;

	padding-top:0.5em;

	padding-bottom:0.5em;	

}



#right_panel {

	background-color:#F6D812;

	/*border: solid 1px black;*/

	width:20%;

	float:left;	

	

}



.contenido_panel {

	padding-left:3px;

}





#clientes_panel {

	background-color:#F6D812;



}



#contenido {

	background-color:#ffffff;

	/*height:200px;*/

	width:53%;

	float:left;

	padding: 0 20px;

	margin: 0 0.5em 0.5em 0.5em;	

}

#contenido_otros {

	background-color:#ffffff;

	/*height:200px;*/

	width:73%;

	float:left;

	padding: 0 20px;

	margin: 0 0.5em 0.5em 0.5em;	

}

/*
Clases Utiles
*/
.img-border {
        border: solid 2px black;
        margin: 5px;
}



.flash {

	background-color: #0064D1;

	margin-bottom:1em;

	/*border: solid 1px black;*/

}



#clear {

	clear:both;

}

#footer {	

	text-align: center;

	padding-top:10px;

	font:italic 14px Arial,Helvetica,sans-serif ;
        font-weight: bold;	

}

#slideshow {
    width: 100%;
    text-align: center;
    height: 340px;
}
/* End of 'Livex Layout' */

/* Start of CMSMS style sheet 'Livex Menu Simple Vertical' */
/********************

MENU

*********************/

#menu_vert {

   padding-left: 0;

   margin-left: 0px;

}





/* third level has some padding to have it stand out */

div#menu_vert ul ul ul {

   padding-bottom: 0.5em;

}



/* menu li block */

#menu_vert li {

   list-style: none;

   margin: 0;

   border-bottom: 1px solid #c0c0c0;

   display: block;

}



#menu_vert ul ul li {

   border: none;

}



/** fix stupid ie bug with display:block; **/

* html #menu_vert li a { height: 1%; } 

* html #menu_vert li hr { height: 1%; }

/** end fix **/



/* first level links */

div#menu_vert a {

   text-decoration:none; /* no underline for links */

   display: block; /* IE has problems with this, fixed above */

   padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */

   color: #18507C; /* this will be link color for all levels */

   background: url(images/cms/arrow-right.gif) no-repeat 0.5em center; 

   min-height:1em; /* Fixes IE7 whitespace bug */ 

}



/* next level links, more padding and smaller font */

div#menu_vert ul ul a {

   font-size: 90%;

   padding: 0.5em 0.5em 0.5em 2.8em;

   background-position: 1.5em center;

}



/* third level links, more padding */

div#menu_vert ul ul ul a {

   padding: 0.3em 0.5em 0.3em 4.3em;

   background: url(images/cms/dash.gif) no-repeat 2.8em center; 

}



/* hover state for all links */

div#menu_vert a:hover {

   background-color: #ffffff;

}

div#menu_vert a.activeparent:hover {

   background-color: #ffffff;

   color: #18507C;

}



/* 

active parent, that is the first-level parent 

of a child page that is the current page 

*/

div#menu_vert li a.activeparent {

   background: url(images/cms/arrow-down.gif) no-repeat 0.4em center; 

   background-color: #0064D1;

   color: #fff;

}



div#menu_vert ul ul li a.activeparent {

   background-position: 1.5em center; 

   background-color: transparent;

   color: #18507C;

}





/* 

current pages in the default Menu Manager 

template are unclickable. This is for current page on first level 

*/

div#menu_vert ul h3 {

   background: url(images/cms/arrow-right-active.gif) no-repeat 0.4em center;

   background-color: #0064D1;

   display: block; 

   padding: 0.8em 0.5em 0.8em 1.5em;  /* some air for it */

   color: #fff;                                 /* this will be link color for all levels */

   font-size: 1em;                           /* instead of the normal font size for <h3> */

   margin: 0;                                  /* as <h3> normally has some margin by default */

}



/* 

next level current pages, more padding, 

smaller font and no background color or bottom border 

*/

div#menu_vert ul ul h3 {

   font-size: 90%;

   padding: 0.3em 0.5em 0.3em 0em;

   background-position: 1.4em center;

   background-color: transparent;

   border-bottom: none;

   color: #000;     

}



/* current page on third level, more padding */

div#menu_vert ul ul ul h3 {

   padding: 0.3em 0.5em 0.3em 4.3em;

   background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center; 

}



/* section header */

div#menu_vert li.sectionheader {

   border-right: none;

   font-size: 130%;

   font-weight: bold;

   padding: 1.5em 0 0.8em 0;

   background-color: #fff;

   line-height: 1em;

   margin: 0;

   text-align:center;

}







/* separator */

div#menu_vert li.separator {

   height: 1px !important;

   margin-top: -1px;

   margin-bottom: 0;

   padding:2px 0 2px 0;

   background-color: #000;

   overflow:hidden !important;

   line-height:1px !important;

   font-size:1px; /* for ie */

}



div#menu_vert li.separator hr {

   display: none; /* this is for accessibility */

}
/* End of 'Livex Menu Simple Vertical' */

/* Start of CMSMS style sheet 'Module: News' */
div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'Module: News' */