/* Start of CMSMS style sheet 'estilo_intetlab' */
/* ESTILO INTETLAB*/
/* AA 29-MRZ-2010 10:45am*/

/*////////////// EMPIEZA GENERALES/////////////*/

body {
	margin:2px;
	padding:0px;
	font-family: georgia, serif;        
	/*line-height: 0.1em;*/
	vertical-align: baseline;
	color:#330000;
	background-color:white;
        text-align: center; /* centralizar IE */
	}
	
#container {
    background-color: white;
    /*border: 1px solid #000;*/
    margin: 10px auto; /*10px auto 0px auto;*/
    width: 1024px;
    text-align: left; /*importante para evitar texto se cambie center por centralizar IE */
}
	
/*no borde alrededor de imágenes */
img, img a {border: 0;} /* se junta, menos códigos */
/*termina los no borde alrededor de imágenes */



/* invisible, se hara visible en print_intetlab.css para que se imprima */
#impresos { display: none;}


a {
	color:#0033cc; /*#09c*/
	font-size:0.9em;
	text-decoration:none;
	font-weight:600;
	}
a:link, a:visited{color:#0033cc;}
a:hover {background-color:#ccccff;}
#Header a:hover {background-color:#fff;}


		/*Empieza Acesibilidad*/
/* codigos para acesibilidad*/
.bckets { color: #ffffff;}/* brackets para indicar que comienza y termina enlaces que esten corridos blanco calido del fondo */
	
/* brackets para hover*/
.bckets_hover { color: #d43927;}/* brackets para indicar seleccion de menus */


/* para brincar a contenido y menu. fuera de pantalla, no se ve */
#jump_menu, #jump_menu a:link, #jump_menu a:hover, #jump_menu a:active, #jump_menu a:visited, #accesible_menu, #accesible_menu a:link, #accesible_menu a:hover, #accesible_menu a:active, #accesible_menu a:visited { 
	position: absolute;
	top: -100px;
	left: -999px;
	}
		/*termina Acesibilidad*/
	
/*////////////// TERMINA GENERALES/////////////*/
	
	
	
	

	
	
	
	
	
	
	
	
	
/*////////////// EMPIEZA TIPOGRAFIA /////////////*/
	/* para titulo de contenido */
h1 {
	margin:50px 0px 0px 0px; /* top,right,bottom, left */
	padding:17px 0px 10px 20px;
	font-size: 1.8em;
	line-height:28px;
	font-weight:900;
	color:#5E7B93;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:33px; /* 14px + 17px + 2px = 33px */
	border-style:dashed;
	border-color:#808080;
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */

	font-family: verdana, arial, helvetica, sans-serif;
	}
	
	/* para tópicos nuevo en columnas */
h2 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size: 1.0em;
	line-height:20px;
	font-weight:900;
	color:#006699;
	font-family:verdana, arial, helvetica, sans-serif;
	}
	
	/*para breadcrumbs*/
h3 {
	margin:0px 0px 0px 0px;
	padding:10px 20px 10px 0px;
	font-size: .6em;
	font-weight:900;
	color:#5E7B93;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:20px; /* 8px + 10px + 2px = 20px */
	border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	border-bottom: 1px dashed #808080;
        line-height:11px;
	background-color:#F9F7EF;
	font-family:georgia, serif;
        text-align:right;
	}
	
h3 a {font-size: 1em;}

    /*para tag cloud*/
#tagcloudlink,  #tagcloudlink a:link ,  #tagcloudlink a:visited, #tagcloudlink a:hover {
 	font-size: .6em;
	font-family: verdana, arial, helvetica, sans-serif;
	/*background-color:#000000;*/
	margin-top:200px;
       }





    /*para footer*/
h4 { 
	font-family: Verdana, Arial, Helvetica, san serif;
	font-size: .6em;
	font-weight: bold;
        text-align:right;
}

    /*para link de footer*/
h4 a {	font-size: .9em;}

	
/* Para cambiar tipografía de los párrafos */	
p {   
	font:.8em verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
        text-align:left;
        /* line-height:1.5em;
        letter-spacing:0.1em; */
	}
	



/*////////////// TERMINA TIPOGRAFIA /////////////*/
	
	
	
	
	
	
/*////////////// EMPIEZA LAYOUT /////////////*/
	

/* top layout *'

/*caja donde va cabezote, incluye logo de intetlab */
#Header {
	margin:0px;
	padding:0px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
        width:179px;	
        height:191px; /* 14px + 17px + 2px = 33px */
	/*border-style:solid;*/
	/*border-color:black;*/
	/*border-width:1px*/  /* top and bottom borders: 1px; left and right borders: 0px */
	/*line-height:11px;*/
	/*background: url(http://intetlab.com//uploads/images/cabezote_products.jpg) no-repeat center right;*/
}

/*LOGO de Intetlab*/
#logo {margin:10px 140px 50px 0px;
            /* top,right,bottom, left */
}

       /*imgs random top of pages*/
#cabezote {  
           margin-top:-201px;
	   /*margin-bottom:-100px; */}
	
/* Right Layout */


#wrap_ads {
        width:250px;
	margin:0px;
	padding:0px;
         /* margin:-600px, 0px, 0px 0px;top,right,bottom, left */
      /*  background:#FFFF33;*/
        /*border: 3px solid #cdcdcd;*/
        position: absolute;
        top:260px;
         /* Left: 130px;*/

       }

#wrap_ads_products {
        width:250px;
	margin:0px;
	padding:0px;
         /* margin:-600px, 0px, 0px 0px;top,right,bottom, left */
      /*  background:#FFFF33;*/
        /*border: 3px solid #cdcdcd;*/
        position: absolute;
        top:260px;
        Left: 90px;

       }


#logo_products { /*debe aliniarse con submenu */
	float:left;
	width: 5em;
        margin-left: 90px;
	padding:10px 0px 10px 0px; /* top,right,bottom, left */

}


/* video template */	
#video {

	width: 13.5em; /*250px;*/
	height: 9em; /*152px; */
	padding:20px; 
	border-bottom:1px dashed #999;
	border-top:1px dashed #999;
	/*background-color:#d0d0d0;*/
        float:left;
        margin-top:50px;
}


#video img { float:left;}
#ad_01 img { float: left;}


/* ad template  */	
#ad_01 {
	width: 13.5em; /*250px;*/
	height: 8em; /*152px; */
	padding:20px;
	/*background-color:#d0d0d0;*/
        float:left;
}


/*si se necesita mas ads solo copiar codigo arriba y asignar otro nombre (id) */




	/*SUB MENU DE LA SECCION*/
#sub_Menu {
       float: left;
       margin-top:0px;
       margin-left:75px;
	width: 13.5em; /*250px;*/
	height: 8em; /*152px; */
	/*padding:10px;*/
        text-align:right;
        font-size: .9em;
        font-style: italic;
}
	/*TERMINA SUB MENU DE LA SECCION*/



/* Left layout */	
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}


/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:14px; /* the correct height */
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:14px;}


#Content {
	margin:10px 50px 50px 300px; /* top,right,bottom, left */
	padding:0px 10px 10px 40px;
	border-left: 3px solid #cdcdcd; /*hace linea gris*/
       /* background:#000000; */
  
	}
	
	/* cita para destaca sobre producto, va arriba */
#Content .cita { 
	font-style: italic;  
	font-variant:  small-caps;
	margin-top:10px;  
	margin-bottom:10px; 
	}



/* Estilo forma de Office Personnel*/
form_style {   
	font:.em verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
        text-align:left;
        /* line-height:1.5em;
        letter-spacing:0.1em; */
	}

/*COLUMNAS DE CONTENIDO*/
/* http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/ */
#wrap_columns {
       width:590px;
       margin:0 auto;
       /*background:#FFCC66;*/
      /* border: 3px solid #cdcdcd;*/
        background:transparent;
       }


#leftcolt {
        float:left;
        width:260px;
        padding:10px;
        background:transparent;/**/
        /*padding:10px 20px 10px 10px;  top,right,bottom, left */
        /*width:250px;*/
        /*border: 3px solid #cdcdcd; */
      /* background:#000000;*/
}


#rightcolt {
        float: right;
        width:260px;
        padding:10px;
        /*background:#99c;*/
       /* padding:10px 40px 10px 10px;  top,right,bottom, left */
        /*width:250px; */
        /*border: 3px solid #cdcdcd; */
        /*margin-top:-500px;*/

}


/*Esto es para el round-corner box de las secciones de producto - ingredientes*/


#Ingredients {
	/*margin:10px 10px 10px 10px;*/
	padding:10px 10px 10px 20px; /* top,right,bottom, left */
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	/*height:auto;  14px + 17px + 2px = 33px */
	/*border-style:solid;*/
	border-color:#D8C987;
	/*border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height:18px;
	background-color:#EDEBD5;

}



#Ingredients p:first-line { font-weight: bold }




/* Lista para pagina de Field Personnel */


ul#field, ul#field li  {
    width: 255px;
    margin:0;
    padding:0;
    list-style:none;
    }

ul#field li { 
    float:left; 
    /*width:250px; */
    margin:0 10px 10px 0;
    /*background: #EDEBD5;*/
    border-bottom:1px dashed #808080; 
    padding-bottom:20px;
    }

ul#field li.fixed-width {
     width:580px;    
     padding-top: 13px;
     } 

ul#field li.no-border {border-bottom:none;}

ul#field li.lastproduct {
     border-bottom:none;
     width:580px;  
}
   
ul#field p {
    margin:0;
    padding:10px 8px 0px 0px;
    }

ul#field p.products {
    padding-top:30px;
    }

ul#field p:first-line { 
    font-weight: bold; 
}

ul#field p.dropdown_products {
    margin-left:75px;
}

ul#field ul {    /* para pagina de productos, lista horizontal con img, nombre y funcion */
    margin:0;
    padding:0;
    display: inline;
   }

ul#field li ul li {
/*    background: #FFCC66;*/
    width: 180px;
    border-bottom:0px;
   vertical-align:middle;
   padding-bottom: 0px;
    }


ul#field li ul li p{
  font-weight: normal; 
  padding-top: 30px;
    }

ul#field li ul li p:first-line{
  font-weight: normal; 
    }

ul#field li ul li p.largetext { 
  padding-top: 0px;
    }

/* Para lista de office Personnel */


ul#split, ul#split li {
    margin:0;
    padding:0;
    list-style:none;
    }

ul#split li { 
    float:left; 
    width:250px; 
    margin:0 10px 10px 0;
    background: #EDEBD5;
    }

#cajita {
    padding-top:15px; 
   /*padding-bottom:13px; */
    margin-bottom: 15px;   /*Para que IE haga margin abajo de cada foto*/
    }

ul#split li img {
    margin-left:10px;
    margin-right: 10px;
    margin-bottom: 15px; /*Para que Firefox haga margin abajo de cada foto*/
    float: left;
}

ul#split p {
    margin:0;
    padding:0 8px 0px 0px;
    }


ul#split p:first-line { 
    font-weight: bold; 
}

/* Termina lista de office Personnel */



/* Bottom LAYOUT */
/* footer para ambos templates*/
#footer {
clear:both;
	padding:5px 10px;/**/
	/*background:#cc9;*/

       }



/*////////////// TERMINA LAYOUT /////////////*/






/*////////////// EMPIEZA MENU WEB /////////////*/
	
	/*EMPIEZA TOP MENU*/
	/*http://www.javascriptkit.com/script/script2/csstopmenu.shtml*/

#top_menu {
         margin-left:300px;
         margin-top:155px;
         }

	

.horizontalcssmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;

	}



/*Top level list items*/

.horizontalcssmenu ul li{

	position: relative;

	display: inline;

	float: left;

	}


/*Top level menu link items style*/

.horizontalcssmenu ul li a{

	display: block;

	width: 120px; /*Width of top level menu link items*/

	padding: 2px 16px;

	background: #ffffff;

	text-decoration: none;

	background: url(..//uploads/images/dot_main_menu_logo.jpg) no-repeat center left;
	color: black;

	font-family:georgia, serif;

	font-size: 0.8em;

	}

	
/*Sub level menu*/

.horizontalcssmenu ul li ul{

	left: 0;

	top: 0;

	border: 1px dashed #cecece;

	position: absolute;

	display: block;

	visibility: hidden;

	z-index: 100;

	}



/*Sub level menu list items*/

.horizontalcssmenu ul li ul li{

	display: inline;

	float: none;

	}





/* Sub level menu links style */

.horizontalcssmenu ul li ul li a{

	width: 160px; /*width of sub menu levels*/

	font-weight: normal;

	font-family:georgia, serif;

	font-size: 0.8em;

	padding: 2px 5px;

	background: #ffffff;

	border-width: 0 1px 1px 1px;

	border-style:dashed;

	border-color:#808080;

	}





.horizontalcssmenu ul li a:hover{background: url(..//uploads/images/dot_main_menu_logo_orange.jpg) no-repeat center left;}

.horizontalcssmenu ul li ul li a:hover{background: #cde686;}/*verde oliva #cde686*/



.horizontalcssmenu .arrowdiv{

	position: absolute;

	right: 0;

	/*background: transparent url(menuarrow.gif) no-repeat center left;*/

	}



* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/padding-top: 1em;}

	

/* Holly Hack for IE \*/

* html .horizontalcssmenu ul li { float: left; height: 1%; }

* html .horizontalcssmenu ul li a { height: 1%; }

/* End */

	/*TERMINA TOP MENU*/




	




	
/*////////////// PAGE_CLASS /////////////*/
/* aqui va cambios que el CMS hara automaticamete de estilo, como cambia foto del header y cambiar color de  seccion*/
/* http://wiki.cmsmadesimple.org/index.php/Share_your_tags_here */
/*<body class="{page_class}">*/
/*// to affect "en" page and all it's children
body.en {
   // style declarations
}
// to affect only that specific page
// this is not 100% proof, and might break in cases where you have similar URLs:
// /en/some/page/ and /en/some-page/ will result in the same class name
// for these cases you can use the ID of the page
body.en-some-page {
   // style declarations
}
// uses ID of the page
body.page-23 {
   // style declarations
}*/

/* cambiar foto superior por pag */
/* body.page-23 #Header {background: url(http://intetlab.com//uploads/images/random/cabezote_products.jpg) no-repeat center right;} */


/* cambiar foto de producto logo pag */
/* body.page-59 #logo_products {img.scr.Cerefolin. background: url(http://intetlab.com//uploads/images/random/cabezote_products.jpg) no-repeat center right;} */


/*Nifty Corners Cube CSS by Alessandro Fulciniti
Para hacer Round Cornes en boxes.
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */
/*otro s http://www.cssjuice.com/25-rounded-corners-techniques-with-css/ */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px; border-color:#D8C987;}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}
/*round corners*/


/* End of 'estilo_intetlab' */