@font-face {
    font-family: 'BevanRegular';
    src: url('Bevan-webfont.eot');
    src: url('Bevan-webfont.eot?#iefix') format('embedded-opentype'),
         url('Bevan-webfont.woff') format('woff'),
         url('Bevan-webfont.ttf') format('truetype'),
         url('Bevan-webfont.svg#BevanRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	background-color: #c5ccd3;
	background-image: url(cmt.png);
	background-repeat: repeat;
	background-attachment: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	overflow: visible;
} 

/*#outline {
	overflow: hidden;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 
	clear: both;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}*/
/* CONTENEDOR PRINCIPAL */
#contenedor {
	overflow: hidden;
	width: 960px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	position: relative;
	z-index: inherit;
	zoom: 1;
	height:auto !important; /* IE hack */
	background-color:#83D4FC;  /* Color de fondo no valido*/
	padding: 10px;
}
 /*#intcontenedor {
	overflow: hidden;
	background-color:#0099FF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clear: both;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;

height:auto !important; 
  
}*/


#cabecera {
	margin-left: auto;
	margin-right: auto;
/*	background-color:  #0099FF; */
	width: 100%;
}

#logo {
	background-image: url(cmtlogo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 110px;
	width: 215px;
	margin-top: 3px;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #00F;
	float: left;
}

#cabecerafin{
	background-image: url(cabecera.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	height: 36px;
	width: 750px;
	clear: both;
}

#scrol {
	
	left: 10px;
	position: relative;	
	
}

/* CONTENEDOR CENTRAL */
#centro {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: auto;
}

/* CONTENIDO AJUSTES TAMBIEN EN BOXWS */
#contenido {
	min-height:550px;
	height:auto !important; /* IE hack */
	height:550px;   /* IE hack */
		text-align: left; /*#b3d4f0;*/
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 16px;
	font-weight: normal;
	font-variant: normal;
	/*font: 18px/27px  Arial, sans-serif;*/
	width: 899px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 1px solid #006;   /*#8b919f;*/
	padding: 20px;
	}

#contenido p{

	font-size: 1em;
	line-height: 1.2em;
	letter-spacing: 0;
	text-align: left;
	word-spacing: normal;
	text-decoration: none;

	
}
#contenido .imgc{
	position: relative;
	float: left;
	padding: 0px;
	left: 305px;
	top: 60px;
	}
	/*
#contenido .f{
	clear: both;	
	}	

/*#contenido  h1 {
	font-size:1em;
	border:1px solid #006; 
	position: relative;
	top: -35px;
	background-color: #0099FF;
	display :inline 
	padding-top: 7px;
	color: #00F;
	width: auto;
	margin-left: 300px;
	margin-right: 300px;
	text-align: center;
	z-index: 1;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
		}

div#contenido h1 a,  div#contenido h1.a1, div#contenido h3 p, div#contenido h2 a {
	padding-top: 5px;
	padding-bottom: 5px;
		}

div#contenido h2 a  , div#contenido h3 , div#contenido h1 a , div#contenido h1.a1 {
	position: relative;
	text-decoration: none;
    display: inline;
	/*
	font-size:1em;
	color: #00F;
	
	text-align: center;
	width: 240px;
	border:1px solid #006;
	font-weight: bold;
	}

div#contenido h2 a , div#contenido h3{
top: -45px;
left: 450px;
}

div#contenido h1 a , div#contenido h1.a1 {
top: -40px;
left: 350px;
}
div#contenido h1 a, div#contenido h2 a {
	background-color: #2979C0;
}
div#contenido h1.a1, div#contenido h3 {
	background-color: #0099FF;
}


div#contenido h1{
	z-index: 1;			

}

div#contenido h2{
	z-index: 2;			
}

div#contenido h3{
	z-index: 3;			
}


	
/*
div#contenido h4 a {
	background-color: #3f8dd5;
	text-decoration: none;
	position: relative;
	top: -45px;
	font-size:1em;
	color: #00F;
	display: block;
	text-align: center;
	width: 240px;
	border:1px solid #006;
	left: 450px;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	}

div#contenido h2 a:hover, div#contenido h1 a:hover {
	
	background-color: #FFFFFF;	
}

/*		
div#contenido div a {
	text-decoration: none;
	font-size:11px;
	color: #000;
	display: block;
	text-align: left;
	font-weight: normal;
	}	*/	
div#instalaciones  a {
	width: 287px;
	float: left;
	position: relative;
	top: 50px;
	margin-left: 7px;
	text-align: left;
	text-decoration: none;
	border: 1px solid #009;
	height: 250px;
	font-size: 11px;
	color: #006;
}	
div#instalaciones  a  h1 {
	font-size:13px;/*	 #B3D4F0; */
	padding-top: 7px;
	color: #006;
	text-align: center;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 15px;
}


div#instalaciones  a:hover {
		background-color: #FFFFFF;	
}

div#instalaciones a > p {
	margin-left: 20px;
	line-height: 2em;
	margin-right: 0px;

}


.frente{
z-index: 10;
}

div#contenido ul{
	list-style-type: circle;
	list-style-position: inside;
}

div#contenido .left{
	float: left;
	width: 250px;
	text-align: left;
	margin-left: 0px;
	border: 1px solid #666;
}

div#contenido .center{
	float: left;
	width: 250px;
	text-align: left;
	border: 1px solid #666;
	margin-left: 60px;
}

div#contenido .right{
	float: right;
	width: 250px;
	text-align: left;
	margin-left: 0px;
	border: 1px solid #666;
}

/*div#contenido div h1
{
	font-size: 14px;
	font-weight: bold;
	color: #00F;
	text-align: center;
	}
*/

.active{
	color:#fff;
	text-shadow: none;
	background-color: #009;
}
	


/* AJUSTES DE CLIENTES*/
	
	
	
#clientes img{

	margin-top: 30px;
	border: 1px solid #666;
	border: 1px solid #FFF;	
	
}

#clientes .l{
	float: left;
	width: 375px;
	text-align: center;
	margin-left: 20px;
}
#clientes .r{
	float: right;
	text-align: center;
	width: 375px;
	margin-right: 20px;
	}


#clientes p{
	font-size: 12px;
	color: #00F;
	text-align:center;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#clientes .cl {
	float: left;
	border: 1px solid #333;
}

#clientes .cd {
	float: right;
	width: 400px;
	border: 1px solid #333;
}
#clientes .sp {
	margin-top: 109px;
}

/* AJUSTES DE MANTENIMIENTO */
#mantenimiento h1  {
	font-size: 18px;
	margin-bottom: 15px;
	text-align: center;
}
 /*#mantenimiento p{
	font-size: 12px;
	color: #00F;
	text-align:center;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#mantenimiento img{
	margin-top: 5px;
	border: 1px solid #666;
	border: 1px solid #FFF;
	margin-bottom: 75px;
	
}

#mantenimiento .l{
	float: left;
	width: 375px;
	text-align: center;
	margin-left: 20px;
}
#mantenimiento .r{
	float: right;
	text-align: center;
	width: 375px;
	margin-right: 20px;
	}

/*                        PIE DE PAGINA                      */

#pie {
	/*background-image: url(p.png);
	background-repeat: repeat-x;*/
	height: 75px;
}

#pc{
	border: 2px none #000000;
	height: 50px;
	text-align: center;
	padding-top: 25px;
}


/* MENU */

#menu {
	font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size: 13px;
	color:#333;
	padding-top: 20px;
	padding-left: 0px;
	position: relative;
	float: left;
	width: 620px;

}
#menu ul, #menu li {
        list-style-type: none;
}
#menu ul {
	padding: 0;
	margin: 0;
}
#menu li {
	float: left;
}

#menu a {
	text-decoration: none;
	color: #000000;
	background:#0099FF;  /* #F0F7FC;Color de Cuadro */
	display: block;
	padding: 3px 10px;
	text-align: center;
	border: 1px solid #1D2083;
}

#menu a:hover {
	/*     background: #DBEBF6;    */
	color: #FFFFFF;
	background-color: #06F;
}


#menu .active > a{
	color:#fff;
	text-shadow: none;
background-color: #009;  /* Color selecionado*/
}
#menu ul ul{
  position:absolute;
  z-index:15;
  display:none;
 /* width:300px;*/
  top:29px;
/*  -moz-box-shadow:0px 8px 15px rgba(0,0,0,0.25);
  -webkit-box-shadow:0px 8px 15px rgba(0,0,0,0.25);
  box-shadow:0px 8px 15px rgba(0,0,0,0.25);*/
}
#menu li:hover ul{display:block;}
/* submenus */
#menu ul ul{
  top:45px;
  
  background:#fff;
  /*padding: 10px 0;*/
  border: 0;
}

#menu li .active > a span.p,
#menu li .active-parent > a span.p{
  display: none;
}


/* AJUSTES DE SCROLL CABECERA */


	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
    	border: 1px solid #8b919f;
	}

	
	
	

/* Custom class modifications - override classees

.simply-scroll is default

*/



	.simply-scroll .simply-scroll-clip {
		width: 930px;
		height: 100px;
	}
	
		.simply-scroll .simply-scroll-list {}
		
		.simply-scroll .simply-scroll-list li {
			float: left;
			width: 1084px;
			height: 100px;
		}
		.simply-scroll .simply-scroll-list li img {}
	
	.simply-scroll .simply-scroll-btn {}
	
	.simply-scroll .simply-scroll-btn-left {}
	.simply-scroll .simply-scroll-btn-left.disabled {}
	.simply-scroll .simply-scroll-btn-left:hover {}
	
	.simply-scroll .simply-scroll-btn-right {}
	.simply-scroll .simply-scroll-btn-right.disabled {}
	.simply-scroll .simply-scroll-btn-right:hover {}
	
	.simply-scroll .simply-scroll-btn-up {}
	.simply-scroll .simply-scroll-btn-up.disabled {}
	.simply-scroll .simply-scroll-btn-up:hover {}
	
	.simply-scroll .simply-scroll-btn-down {}
	.simply-scroll .simply-scroll-btn-down.disabled {}
	.simply-scroll .simply-scroll-btn-down:hover {}

 
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
    position:fixed;
	width:440px;
	height:200px;
	display:none;
	z-index:9999;
	padding:20px;
}
 
 
/* Customize your modal window here, you can add background image too */

#boxes #dialog, #boxes #dialog1,#boxes #dialog2{
	width:600px;
	height:400px;
	background-color: #0099FF;
	font-size: 14px;
	text-align: left;
	border: 1px solid #00F;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../css/degradado.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#boxes img{
	float: left;
	padding-left: 20px;
	padding-right: 50px;
	}
.close {
	font-size: 14px;
	color: #F00;
	float: right;
}
 .tooltip {
	display:none;
	height:150px;
	width:320px;
	font-size:12px;
	color:#000;
	background-image: url(../white_arrow_big.png);
	background-repeat: no-repeat;
	_background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='white_arrow_big.png', sizingMethod='crop');  
	z-index: 5;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
  }


.caja
{
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 18px #000000;
-webkit-box-shadow: 0px 0px 18px #000000;
box-shadow: 0px 0px 18px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#44ff1f', endColorstr = 'transparent');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#44ff1f', endColorstr = 'transparent')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #44ff1f, transparent);
background-image: -ms-linear-gradient(top, #44ff1f, transparent);
background-image: -o-linear-gradient(top, #44ff1f, transparent);
background-image: -webkit-gradient(linear, center top, center bottom, from(#44ff1f), to(transparent));
background-image: -webkit-linear-gradient(top, #44ff1f, transparent);
background-image: linear-gradient(top, #44ff1f, transparent);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
opacity: 0.95;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 95);
/*-ms-filter must come before filter*/
filter: alpha(opacity = 95);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/
-pie-background: linear-gradient(#EEFF99, #66EE33);
 behavior: url(/PIE.htc); /* Activamos el soporte para IE */
	
	}
.caj
{
border: 1px solid #696;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 10px 10px 20px #000000;
-webkit-box-shadow: 10px 10px 20px #000000;
box-shadow: 10px 10px 20px #000000;
background-image: -moz-linear-gradient(top, #0308ff, transparent);
background-image: -ms-linear-gradient(top, #0308ff, transparent);
background-image: -o-linear-gradient(top, #0308ff, transparent);
background-image: -webkit-gradient(linear, center top, center bottom, from(#0308ff), to(transparent));
background-image: -webkit-linear-gradient(top, #0308ff, transparent);
background-image: linear-gradient(top, #0308ff, transparent);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;

-pie-background:  linear-gradient(top, #0308ff, transparent);
behavior: url(/PIE.htc);
}

.redondeadoX  , #intcontenedorX , #contenidoX
 {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-ms-border-radius: 10px; 
	 border-radius: 10px;
 

}


.myBox
{
	-webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    CCborderRadiusTL: 20px;
    CCborderRadiusTR: 20px; */
}
.paracuellos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #900;
	font-weight: bold;
	text-align: center;
	}
.mapa {
	float: left;
	width: 475px;
}
.contacto{
	font-family: Garamond, serif;
	color: #CCCCCC;
	font-weight:bolder;
	font-size: 20px;
	float: left;
	width: 300px;
	color: #000000;
	display:block;
	outline:0;
	text-decoration:none;
}

.bcontacto {
	border-top: 1px solid #96d1f8;
	background: #65a9d7;
	background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
	background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
	background: -moz-linear-gradient(top, #3e779d, #65a9d7);
	background: -ms-linear-gradient(top, #3e779d, #65a9d7);
	background: -o-linear-gradient(top, #3e779d, #65a9d7);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 11px;
	font-family: Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
   }
.bcontacto:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.bcontacto:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
#avisolegal{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
}