@charset "utf-8";

* 	{padding:0; margin:0; border:0; }

body  {	width: 988px;margin:0;background-image:url(../images/body-bg.jpg); background-repeat: repeat-x; margin: auto;				background-color:#e9e9e9;}

.../img {margin-right: 10px;margin-bottom: 5px;}	 
ul li { margin-left: 35px;}

/*-----------------------------cabecera-------------------------*/
#banner {height: 127;		        }
#banner-seoboost {	height: 127px;	}
				
#banner h1 		{ padding:10px;}
#top-navigation  	{height: 46px;text-align: right;background-image:url(../images/top-navigation.jpg);}
					
					
#top-logo  			{height: 81px;background-image:url(../images/top-logo.jpg);}
.logo{ width:160px; height:60px; float:left; position:relative;  margin-left:50px; text-indent:-9999px; overflow:hidden; }
a.logo { width:160px; height:60px; float:left; position:relative; margin-left:50px; text-indent:-9999px; overflow:hidden; color:transparent;}
#top-logo-seoboost  {height: 81px;background-image:url(../images/top-logo-seoboost.jpg);}					
					
#divisiones{width:450px; background-image:url(../images/degradado.gif); background-repeat:no-repeat; background-position:bottom; float:right; margin-top:0px; height:56px;}
.divisiones_cometel { margin-left:10px; margin-right:10px; margin-top:0px; border-left:1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left:5px; padding-right:5px;}
/*-------------------------------------
menu idiomas
---------------------------------------*/
#navlist {text-align: right;}

#banner {text-align: right;}

.menu {padding-right: 2px;letter-spacing: -0.7px;font-family: verdana, sans-serif; position:relative; font-size:10px;
z-index:100;margin:0px 0 0 0px; text-align: center;}
.menu ul {padding:0; list-style-type: none;margin:0px 0 0 0; }
.menu ul li {float:right;position:relative;margin:0;padding-left: 0px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:60px; height: 35px; font-size: 10px;
color:#929292; border-width:1px 1px 0 1px; padding-left:0px; padding-top: 11px;line-height:2em;background-image:url(../img/top-navigation-btn.jpg);background-repeat: no-repeat;}
* html .menu ul li a, .menu ul li a:visited {width:72px;w\idth:71px;}
.menu ul li ul {display: none;}
table {margin:-1px; border-collapse:collapse;font-size:1em;}

/* specific to non IE browsers */
.menu ul li:hover a,.menu ul li a:hover {color:#ea1322; 	background-image:url(../images/top-navigation-btn-mo.jpg);
background-repeat: no-repeat;}

/*added*/
.menu ul li a.here, .menu a .active  {color:#FFA500; background:#FFF;border-top: 1px solid #676767;}
.here {color:#ea1322; background:#EBEBEB;border-top: 1px solid #ff9900;}
.menu ul li:hover ul,.menu ul li a:hover ul {display:block; position:absolute; margin-top:1px;left:0; width:150px;}
* html .menu ul li a:hover ul {margin-top:0;marg\in-top:1px;}
.menu ul li:hover ul li ul,.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;}
.menu ul li:hover ul li a,.menu ul li a:hover ul li a {display:block; color:#787878; height:auto; line-height:1.2em; 
padding:5px 10px; width:129px;border-top:1px solid #BABABA;border-right:1px solid #BABABA;border-left:1px solid #BABABA;
background-image:url(../images/submenu-bg.jpg);background-repeat: no-repeat;}
* html .menu ul li a:hover ul li a {width:150px;w\idth:129px;}
.menu ul li:hover ul li a.drop,.menu ul li a:hover ul li a.drop {background:#F8F8F8 url(drop.gif) bottom right no-repeat;}
.menu ul li:hover ul li a:hover,.menu ul li a:hover ul li a:hover {background:#FFF; color:#ea1322;background-image:url(../images/submenu-bg-mo.jpg);background-repeat: no-repeat;}
.menu ul li:hover ul li:hover ul,.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:150px; 
top:0;width:150px;}
.menu ul li:hover ul li:hover ul.left,.menu ul li a:hover ul li a:hover ul.left {left:-150px;}

/*----------------------------------
buscador
----------------------------------------*/				
#buscador {	width:375px!important;	margin-top:8px;  float:left;margin-bottom:0px;  margin-left:70px!important; color:#666666; padding-left:40px; font-size:70%; font-family:Trebuchet MS; margin-right:40px;  }
html>body #buscador{float:right;}
#buscador a:link {	color: #666666;	text-decoration: none;}
#buscador a:visited {	text-decoration: none;	color: #666666;}
#buscador a:hover {	text-decoration: underline;	color: #0066CC;}
#buscador a:active {	text-decoration: none;	color: #666666;}

/* formulario buscador*/

.invisible { position: absolute; left: -999px; width: 990px; font-size: 0%; padding:0px; margin: 0px;}
.search { font-size: 11px; color:#666666; }
input, textarea, select {border: 1px solid #C1C0B5;	background-color:#f2f6f9;font-size: 1em;font-family: Trebuchet MS;color: #666666;}
.busqueda {	background-color:#ffffff;}	
				
/*---------------------------contenedor----------------------------------*/

#container 	{ width: 100%; height: 100%;background: #ffffff; float: left; margin-right: -260px; }


/*CONTENT home*********************************************************************************************/				
				
#content_home{ background: #ffffff; margin-right:260px; min-height:600px; border-right:1px dotted #cccccc; padding:40px 10px 0px 10px;font-family:Trebuchet Ms;font-size: 11px;color:#828282;}
#content_home P	{ font-family:Trebuchet Ms;	font-size: 11px;color:#828282;line-height: 20px;letter-spacing: 0px;}
		
#content  a:link {color: #666666;}
#content  a:hover {color: #a9aa26;}
#content  a:visited {	color: #666666;}			
			
#content-kop {	padding: 0px 11px 5px 11px;	}
#content-kop ul { list-style-image:url(../images/mosca.jpg);}
#content-kop li{margin-top:10px;}
#content-kop p{text-indent:10px;}


/*------------------------------------------
viñetas portada
------------------------------------------*/
	#home-teaser {width: 685px;height: 300px;background-image:url(../images/home-teaser.jpg);background-repeat:no-repeat;}
	.home-teaser {height: 285px;padding: 15px 0px 0px 15px;text-decoration: none;cursor: pointer;}
	.home-teaser a{text-decoration: none;cursor: pointer;color:#707070;display: block;}
				
	#teaser-system {width: 195px;height: 139px;padding-top: 10px;padding-right: 15px;padding-bottom: 40px;float: left;}
	#teaser-mexicana {width: 199px;height: 139px;padding-top: 10px;padding-right: 15px;padding-bottom: 40px;float: right;}
	#teaser-residuos {width: 197px;height: 139px;padding-top: 10px;padding-right: 15px;padding-bottom: 40px;float: left;}
					
		
					
		
.fotodcha {float:right; padding:4px; }
.fotoizda {	float:left; padding:10px; }
			
		/*noticias portada*********************************************************************************************/				
#sidebar{ width: 260px; float: right;background-image:url(../images/sidebar-h1.jpg);background-position: top;
				background-repeat: no-repeat;height: 100%;padding: 40px 0px 0px 0px;font-family:Trebuchet Ms;
				font-size: 11px;color:#707070;line-height: 20px;letter-spacing: 0px;background-color:#f6f6f6;}
#sidebar-webontwerp1{ width: 260px; float: right;background-image:url(../images/sidebar-diensten-h1.jpg);background-position: top;
				background-repeat: no-repeat;height: 100%;padding: 40px 0px 0px 0px;font-family:Trebuchet Ms;
				font-size: 11px;color:#707070;line-height: 20px;letter-spacing: 0px;background-color:#f6f6f6;}
				
#sidebar-webontwerp1 img		{ border: 0;}
				
#sidebar H1	{ font-family:Trebuchet Ms;	font-size: 11px;color:#828282;line-height: 20px;letter-spacing: 0px;	}
#sidebar-nieuws {margin-top: 15px;}
#sidebar-nieuws  h3{font-size: 11px;}
#sidebar-nieuws  a:link {color: #666666;}
#sidebar-nieuws  a:hover {	color: #a9aa26;}
#sidebar-nieuws  a:visited {color: #666666;}
.readmore {margin-left: 145px;margin-bottom: -9px;text-decoration: none;padding-bottom: 5px;}
#sidebar-webontwerp{padding: 10px;padding: 0px 10px 10px 14px;}
.pagestory {padding: 6px 15px 5px 35px;	background-color:#e8e8e8;border-top:1px solid #dedede; border-bottom:1px solid #dedede;
background-image:url(../images/pagestory-btn.jpg);background-repeat: no-repeat;margin-top: -1px;font-size: 11px;}
.pagestory h3 {font-size: 12px;}
#sidebar  a:link {color: #666666;}
#sidebar  a:hover {	color: #a9aa26;}
#sidebar  a:visited {color: #666666;}


/*FOOTER*********************************************************************************************/
#footer { height: 120px;background: #cdcdcd; text-align: right;padding-right: 20px;padding-top: 5px;font-family:Trebuchet Ms;font-size: 11px;	color:#707070;line-height: 20px;letter-spacing: 0px;padding-top: 20px;padding-bottom: 20px;}
#footer  a:link {color: #666666;}
#footer  a:hover {	color: #a9aa26;}
#footer  a:visited {color: #666666;}
.clearing 		{ clear:both; 	height:0; 			}				
				

#footer p {color:#999999;margin-bottom: 1px;font-size: 10px;text-transform: uppercase;}
#footer ul {list-style-position: inside;list-style-type: none;	height: 20px;}
#footer li a {	height: 25px;	display: block;	padding: 2px 4px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color:#DADADA;}
#footer h3 {color: #737373;}
#footer a {color:#999999;}
#footer a:hover {color: #a9aa26;}
.footer-onder {	float: left;width: 210px;font-size: 10px;}
.footer-onder h3{font-size: 13px;margin-bottom: 10px;color:#999999;}
#footer-diensten {	margin-right: 21px;}
#footer-extra {	margin-right: 21px;}
#footer-test {margin-right: 21px;}
#footer-over {margin-right: 21px;}

.rssfix {padding-top: 2px;font-family:Trebuchet Ms;font-size: 11px;}
.rss {text-align: right;}

#footerfix{float: right;margin: 0px;padding-left: 5px;font-family:Trebuchet Ms;font-size: 11px;
color:#999999;padding-right: 10px;}

#footerfix  a:link {color: #999999;}
#footerfix  a:hover {color: #999999;}
#footerfix  a:visited {	color: #999999;}

/*----------------------formulario-----------------*/

.c_columna {display:block;margin-top:20px; font-family:Trebuchet MS; font-size:80%; }

.c_etiqueta {display: block;width:30%; float: left;  }
.c_boton {width: 120px; margin-left:2px; background-color:#e5e5e5;}

.espacio{ height:100px;}


.producto {

list-style-image:url(../images/flechita.png);
}

/*------------------------- secciones index -----------*/

#logo-division{width:140px; height:72px; margin-right:20px; margin-left:10px; padding-top:5px;}
#menu_sup{ width:100%; position:relative; float:left; background-color:#fff;}
#menu_izda {
	margin: 20px 0px 0px 10px;
	padding: 0 10px 0 0;
	float: left;
	width: 150px;
	
	
	
}
.primary{font-weight:bold;}
.secondary{font-weight:100;}
.producto{font-weight:100;}

#menu_izda img {
	margin: 0;
	padding: 0em 0em 1em 0em;
	
}
#menu_izda ul {
	margin: 0em 0em 1em 0em;
	padding: 0em 0em 1em 1em;
	list-style: url(../images/arrow_right_down.jpg);
	
}
html>body #menu_izda ul {
	margin: 0em 0em 1em 0em;
	padding: 0em 0em 1em 1em;
	list-style: url(../images/arrow_right_down.jpg);
	
}
#menu_izda ul li {
	margin: 0em 0em 1em 0em;
	padding: 0;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;*/
	font-family:Trebuchet MS;
	font-size:80%;
	
	color: #331d10;
}
#menu_izda ul li a {
	color: #331d10;
	text-decoration: none;
	/*border-bottom: 1px dotted #ef152d;*/
}
#menu_izda ul li a:hover {
	color: #ef152d;
	text-decoration: none;
}
#menu_izda ul li ul{margin-top:10px; padding: 0em 0em 1em 0.6em; list-style: url(../images/icon_arrow.gif);}

#menu_izda ul li ul li{margin:8px 0px 0px 0px;
font-size:100%;}

#menu_izda ul li ul li ul li{margin:8px 0px 0px 0px; }


/*---------------------------------------------
desarrollo derecha
-----------------------------------------------*/
#derecha{ width:auto; padding:0 10px 10px 20px; float:left; position:relative; font-family:Trebuchet Ms;
			color:#828282; line-height: 20px;letter-spacing: 0px; border-left:1px solid #ef152d;}
			html>body #derecha{ width:700px; padding:0 10px 10px 20px; font-family:Trebuchet Ms;
			color:#828282; line-height: 20px;letter-spacing: 0px; border-left:1px solid #ef152d;}

#derecha p {font-size:80%; text-align:justify;text-indent:10px;padding-bottom:8px;}
#derecha p img {margin-top:10px; margin-bottom:10px;}
#derecha p strong{ font-weight:bold; color:#ef152d;}
#derecha ul { list-style-image:url(../images/mosca.jpg);font-size:80%;}
#derecha ul strong{ font-weight:bold; color:#ef152d;}
#derecha li{margin-top:10px;}
	
#derecha  a:link {color: #666666;}
#derecha  a:hover {color: #ef152d;}
#derecha  a:visited {	color: #666666;}

/*--------------------------------------------------
menu de migas
---------------------------------------------------*/

#menumigas{ float:right;  position:relative; margin-bottom:10px;  width:auto; }
#menumigas p {font-size:11px; font-family:Trebuchet MS; color:#331d10;}
#menumigas p a {color: #331d10;
	text-decoration: none;}
#menumigas p	a:hover {color: #ef152d;text-decoration: none;}

#titel		{ 	font-family:Trebuchet MS;
				font-size:150%;
				color:#ef152d;
				height: 40px;
				width: 660px;
				line-height: 30px;
				letter-spacing: 0px;
				background-image:url(../images/content-h1_.jpg);
				background-repeat: no-repeat;
				padding-left: 30px;
				padding-bottom: 20px;
				clear:both;
				}	
				
				
				.foto_izda {
		float:left; padding:4px; /*meter una imagen y texto alrededor*/
		}

			.foto_dcha {
		float:right; padding:4px; /*meter una imagen y texto alrededor*/
		}