/*Tecnocemento Style*/
/*------------------*/

/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html, body {
	height:100%;
}

body {
	line-height: 1;
	background-color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.2px;
	color: #fbfbfb;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*GENERAL*/
a{
	text-decoration: none;
	/*color: #00df00;*/
}

a:hover{
	text-decoration: underline;

}

strong{
	/*color:#00df00;*/
	font-weight: normal;
}

p{
	line-height: 14px;
	margin-bottom: 8px;

}

h2{
	/*color:#00DF00;*/
	font-size: 28px;
	margin-bottom: 20px;
	margin-top: 20px;
	letter-spacing: -0.2px;
}

h3{
	margin-bottom: 10px;
	text-decoration: underline;
	font-weight: normal;
}

h4{
	font-weight: normal;
}





/*ALL*/

.left{
float: left;
}

.right{
float: right;
}




/*LAYOUT*/
#wrapper {
	width: 920px;
	/*925 - 960*/
	margin: 0 auto -20px;
	min-height:100%;height:auto !important;height:100%;
	z-index:10;
}

#header{
	height: 70px;
	position:absolute;top:0;left:0;
	background: #fbfbfb;
	width:100%;
	z-index:20;
}

#header-wrap{
	width: 920px;
	margin: 0 auto;
	height: 70px;	
}

#logo{
	width: 266px;
	height:32px;
	background:transparent url("img/logo.jpg") no-repeat 0 0;
	margin-right: 10px;
	margin-top: 18px;
	float: left;
}

#logo a{
	display: block;
	width: 265px;
	height:32px;
	text-indent: -99999px;
}

#lang{
	float: left;
	width: 100px;
	font-size: 9px;
	margin-top: 40px;
}

#lang li{
	display: inline;
	margin-right:5px;
}

#quality{
	float: right;
	width: 510px;
	_width: 520px;	
	margin-top: 22px;
	list-style-type: none;

}

#quality li{
	display: inline;
	margin-right: 8px;
}

#content{
	/*min-height:500px;*/
	display: block;
}

#content_right a{
	
}

#content_right ul li{
}

#content_right img{
margin-bottom: 15px;

}

#menu{
	height: 20px;
	padding-top: 78px;
	margin-bottom: 40px;
	font-size: 11px;
	font-weight: lighter;
	z-index: 2;
}

#menu li{
	display: inline;
	margin-right: 21px;
	letter-spacing: 0.2px;
}

#menu li.activo a:link,
#menu li.activo a:visited,
#menu li.activo a:active,
#menu li.activo a:hover{
	/*color:#00df00;*/
}


#flash{
	float: left;
	width: 610px;
	margin-bottom: 10px;
}

#main{
float: left;
width: 610px;

}

#main_banners{
	float: left;
	width: 610px;
}

#main_banners li{
	list-style:none;
}

#main_banners li ul.news li ul li{
	list-style:disc;
}



#right_sidebar{
	float: right;
	width:300px;
}

#right_sidebar li{
	margin-bottom: 10px;
	list-style:none;
}

#right_sidebar li#new ul.news li{
	list-style:disc;
}

#right_sidebar li ul.news li ul li{
	list-style:disc;
}

li#intro{
	line-height: 16px;
	margin-left: 20px;
	font-weight: lighter;
	height: 90px;

}
#left_sidebar{
	float:left;
	width:300px;
	margin-bottom: 50px;
}

#left_sidebar li{
	line-height: 18px;

}

#left_sidebar h3{
	letter-spacing: -0.2px;
	/*color:#00df00;*/
	font-size: 20px;
	margin-bottom: 80px;
}

#left_sidebar h2#projects{
	margin-bottom: 12px;
}

#content_right{

float:right;
width: 620px;
margin-bottom: 20px;

}

#content_right h2{
margin-top: 20px;

}

#list1b img{
cursor: pointer;
display: block;
}

#list1b a.medicosfonteras{
display: inline;
}

#list1b a.medicosfonteras img{
margin-bottom: 0;
}

#seals{
width: 540px;
}

#seals li{
float: left;
margin-right: 40px;
margin-bottom: 40px;
}

#new{
height: 145px;
}


#new h2.news_header{
	margin-left: 20px;
}

#new h2.news_header{
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
	}

#new ul.news{
	margin-left: 35px;
	/*color: #00DF00;*/
	width: 200px;
}

ul.news{
	margin-left: 15px;
	/*color: #00DF00;*/
	width: 220px;
}

ul.news li{
	list-style-type:disc;
	line-height: 13px;
	margin-bottom: 3px;
	width: 250px;
}

#right_sidebar li#kasbah{
	width: 260px;
	height: 90px;
	padding:10px 20px 20px 20px;

}

#right_sidebar li#map{
	width: 260px;
	height: 90px;
	padding:10px 20px 20px 20px;

}

#right_sidebar li#map a, #right_sidebar li#kasbah a, #seal a, #apli a {
color:#fff;

}

#seal{
	float: left;
	width: 260px;
	height: 90px;
	margin-right: 10px;
	padding:10px 20px 20px 20px;

}

#apli{
	float:right; 
	width: 260px;
	height: 90px;
	padding:10px 20px 20px 20px;

}

#apli ul a {
color:#fff;
font-size: 10px;

}
#apli h2 a {
color:#fff;
font-size: 20px;
}

.clear{
	clear:both;
	display:block;
	height:1px;
}

#footer{
	/*float: left;
	margin-top: 20px;*/
	margin:0 auto;
	width: 920px;
	height:20px;	
}

.push{
	height:20px;
}

ul#social{
}

#social li{
	float:right;
	margin-left: 10px;
}

.sub{
	padding:10px 10px 20px;
}

.sub2{
	padding:2px 10px 10px;
}

.sub li{
	margin:10px;
}

/*HEADER*/





/*Mapa de distribuidores*/
.map_address{
float: left;
width:160px;
_width:140px;
height: 180px;
margin-top: 10px;
margin-right: 150px;
_margin-right: 70px;

}

.map_address li{
margin-bottom: 2px;;
}

.map_address li ul{
margin-bottom: 50px;
}

/*QUALITY*/
#quality a img{
	

}

/*MENU*/

#menu li a{
	color: #fbfbfb;
	font-weight: lighter;
}

#menu li a:hover{
	text-decoration: none;
	font-weight: lighter;
}




ul#menu                         { position: relative; }
ul#menu li                      { float: left; zoom: 1; }
ul#menu a:hover		            {  }
ul#menu a:active                { color: #ffa500; }
ul#menu li a                    { display: block;}
ul#menu li p                    { display: block;}


ul#menu li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul#menu li.hover,
ul#menu li:hover                { position: relative; }
ul#menu li.hover a              {  }


/* 
	LEVEL TWO
*/
ul#menu ul 						{ width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; background: #0d0908; }
ul#menu ul li 					{ font-size: 10px; 
									  float: none; background: #0d0908;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul#menu ul li a					{ border-right: none; width: 100%; display: inline-block; /*color: #00df00;*/padding-top: 10px;} 
ul#menu ul li p					{ border-right: none; width: 100%; display: inline-block; /*color: #00df00;*/padding-top: 10px;
								margin-bottom: 0;margin-top: 0;} 

/* 
	LEVEL THREE
*/
ul#menu ul ul 					{ left: 100%; top: 0; }
ul#menu li:hover > ul 			{ visibility: visible; }





/*LEFT SIDEBAR*/

#left_sidebar h2{
	width: 235px;
	line-height: 32px;
	margin-bottom: 80px;
	
}

#left_nav{
	margin-top:20px;
}


/*CONTENT*/



/*Flir*/

h2.flir{
	margin-top: 0px;
	font-size: 28px;
	}

h2.news_header{
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left:
	}

h2.content{
	margin-bottom: 20px;
}

#caption h2{
margin: 0px;

}


/*GALLERY CSS*/
h2.gallery_title{
color: #fff;
letter-spacing: -0.8px;
font-weight: lighter;
}

div#container {
	overflow: hidden;
	float: left;
}
div.content {
	display: none;
	clear: both;
	height: 350px;
	width: 500px;
	float: left;
}

div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 605px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
	padding: 0px;
}

div.loader,
div.slideshow a.advance-link{
	height: 350px;
	padding: 0px;
 /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}

div.slideshow-container {
	position: relative;
	clear: both;
	float: left;
	height: 350px;
	padding: 0px;
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('img/loaderWhite.gif');
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	left: 0;
	text-align: left;
}
div.slideshow a.advance-link {
	display: block;
	/*line-height: 350px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	border:none;
	margin-left: 0px;
}
div.caption-container {
	float: right;
	position: relative;
	margin-top: 30px;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.caption-container{
	height: 50px;
	float: left;
}

div.caption-container, span.image-caption {
	width: 620px;
}

div.caption {
	padding: 0px;
}

h2.image-title {
	font-weight: lighter;
	padding-top: 8px;
	font-size: 28px;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}

div.navigation-container {
	float: left;
	position: relative;
	left: 0;
}
div.navigation {
	float: left;
	position: relative;
	left: 0;
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 0px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
}
div.navigation a.pageLink:focus {
	outline: none;
}

ul.thumbs {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0px;
	list-style: none;
}
a.thumb {
	padding: 0px;
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden; 
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.gallery-gutter {
	clear: both;
	padding-bottom: 20px;
}


/*LINEAS DE COLOR SCRIPT CSS*/
.kwicks {
	list-style: none;
	position: relative;
	padding: 0;
	margin-bottom: 15px;
}


.kwicks div{
	margin-bottom: 5px;
}


.kwicks li {
	float: left;
	width: 85px;
	height: 95px;
	padding-top: 8px;	
	text-align: center;
	overflow: hidden;		
}

.kwicks li a {
	display: block;
	width: 100%;
	height: 80px;
	color: #fff;
	font-weight: bolder;
	font-size: 10px;
	letter-spacing: -1px;
	text-shadow: #666 0px 0px 5px;
}

.kwicks li a:hover {
	text-decoration: none;

}

.kwicks1 {
	list-style: none;
	position: relative;
	padding: 0;
	margin-bottom: 5px;
}

.kwicks1 li {
	float: left;
	width: 25px;
	height: 20px;

}

.kwicks1 li a {
	display: block;
	width: 100%;
	height: 20px;
}


/*ACCORDION*/

.basic a {
	cursor:pointer;
}


/*NOVEDADES JQUERY*/

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 490px;	 
	width: 620px;
	border-top:1px solid #222;	
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
	width: 620px;
}

/* single scrollable item */
.items div.active {
	border-bottom:1px solid #222;
	margin:10px 0;
	padding:15px;
	font-size:11px;
	height:120px;
	overflow-y: hidden;
}

.items div.scroll_txt {height: 120px;}
.img_a {display: inline; float: left; width: 240px; margin-right: 30px;}
.txt_a {display: inline; float: left; width: 300px; margin-right: 10px;}

/* elements inside single item */
.items img {
	float:left;
	margin-right:20px;
	height:100px;
	width:240px;
	overflow: hidden;
}

.items h3 {
	margin:0 0 5px 0;
	font-size:16px;
	/*color:#00DF00;*/
	font-weight:normal;
	text-decoration: none;
}

/* the action buttons above the scrollable */
#actions {
	width:620px;
	margin-bottom: 5px;
}

#actions a {
display: inline;
	font-size:11px;		
	cursor:pointer;
}

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

.disabled {
	visibility:hidden;		
}

.nextPage {
	float:right;
}


/*PRODUCTS*/

/* root element for single scroll */
.scroll {
	position:relative;
	overflow:hidden;
	width: 305px;
	height: 250px;
	float:left;
}

/* root element for the scroll pics */
.scroll .pics {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scroll item */
.pics img {
	float:left;
	cursor:pointer;
	width:305px;
	height:250px;
	margin:0px;
}

/* possible settings for the active scroll */
.scroll.active {

}


#content_right ul li.prods{
	position:relative;
}

#content_right ul li a div.protit{
	position:absolute;top:10px;left:10px;
	background:#fff;
}

#content_right ul li a div.protit h2.flir,#content_right ul li a div.protit h2.flir img{
	margin:0;
}

.apl_vid{
	margin:0 20px 10px 0;
}

#swfs{
	display:none;
}


/*CONTACT*/

#form_contacto div{
	margin-top:5px;
}

.gmaps{
	margin-top:20px;
}



body.micro {
	line-height: 1;
	background-color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.2px;
	color: #000;
}

#header2{
	height: 70px;
	position:absolute;top:0;left:0;
	background: #000;
	width:100%;
	z-index:20;
}

#wrapper ul.micro li a{
	color: #000;
	font-weight: lighter;
}

#wrapper ul.micro li ul li a{
	color: #fff;
	font-weight: lighter;
}

#logo2{
	width: 266px;
	height:32px;
	background:transparent url("img/logo2.jpg") no-repeat 0 0;
	margin-right: 10px;
	margin-top: 18px;
	float: left;
}

#logo2 a{
	display: block;
	width: 265px;
	height:32px;
	text-indent: -99999px;
}

#left_nav2{
	margin-top:360px;
}

h2.micro{
	font-size:36px;
	/*color:#00df00;*/
	padding:25px 0 0 300px;
}

h2.micro2{
	font-size:36px;
	/*color:#00df00;*/
	padding:16px 0 0 300px;
}

h1.tituloseo{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; margin-bottom:5px;}