@charset "utf-8";
/* CSS Document */

html, body{ 
 margin:0;
 padding:0;
 text-align:center;
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 background:url(../images/main-bg.jpg) left top repeat-x #ccc;
} 
 
#pagewidth{ 
 width:1000px; 
 text-align:left;
 margin-top:20px;
 margin-right:auto;
 margin-left:auto;
 margin-bottom:20px;
 background:url(../images/page-bg.jpg) left top repeat-x #ededed;
 border:1px solid #cfcfcf;
} 
 
#header{
 position:relative; 
 width:1000px;
} 
 
#maincol{
 float:left; 
 display:inline; 
 position:relative; 
 width:623px;
 min-height:431px;
 border:1px solid #cfcfcf;
 margin-left:7px;
 margin-right:7px;
 background:url(../images/maincol-bg.jpg) left top repeat-x #ededed;
 }
 
#rightcol {
 width:360px;
 float:left;
}
 
#footer{
 clear:both;
 background:url(../images/bg-footer.png) right bottom no-repeat;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/*** logo ***/
h1.logo { margin:0; padding:0;}

h1.logo a {
 width:415px;
 height:156px;
 display:block;
 float:left;
 background:url(../images/logo-cmtgroup.jpg) left top no-repeat;
 text-indent:-1600em;
 overflow:hidden;
 margin:0;
 padding:0;
}
/*** fecha y banner ***/

.date, .banner-top {
 width:575px;
 float:left;
 margin:0;
 padding:10px 10px 0 0;
 text-align:right;
}

.date { 
 height:30px;
 font-size:13px;
 color:#686868;
}

.banner-top {height:106px;}

.banner-top img {border:1px solid #cfcfcf;}

/*** menu principal ***/

.mainMenu {
 width:1000px;
 height:40px;
 clear:both;
 background: url(../images/menu-bg.jpg) left top repeat-x;
 border-top:1px solid #cfcfcf;
 border-bottom:1px solid #cfcfcf;
}

ul.menu {margin:9px 0px; padding:0;}

ul.menu li{display:inline; margin-left:6px;}

ul.menu li a{
 font-size:15px;
 color:#686868;
 text-decoration:none;
 padding:10px 30px;
}

ul.menu li a:hover, .current, .current:hover  {
 color:#FFF !important;
 padding:9px 29px !important;
 background: url(../images/menu-bg-hvr.jpg) left top repeat-x;
 border:1px solid #bb0500;
}

/*** banner ***/

.banner {
 float:left;
 clear:both;
 display:block;
 margin-left:7px;
 margin-top:10px;
}


/**** Contenidos Centrales ****/

#maincol h2 {
 width:578px;
 color:#da0700;
 padding:7px 0px 7px 45px;
 margin:0px 0px 5px 0px;
 border-bottom:1px solid #cfcfcf;
 font-size:24px;
}

#maincol h2.index	{background:url(../images/h2-main.jpg)			left top repeat-x;}
#maincol h2.about	{background:url(../images/h2-aboutus.jpg)		left top repeat-x;}
#maincol h2.serv	{background:url(../images/h2-serv.jpg)			left top repeat-x;}
#maincol h2.news	{background:url(../images/h2-news.jpg)			left top repeat-x;}
#maincol h2.test	{background:url(../images/h2-testimonials.jpg)	left top repeat-x;}
#maincol h2.cont	{background:url(../images/h2-contact.jpg)		left top repeat-x;}

.black {text-transform:uppercase; color:#000;}

#maincol h3, #maincol h4, #maincol h5, #maincol h6 {margin-left:20px;}

#maincol h3 {
 width:80%;
 color:#000;
 border-bottom:1px dashed #000;
}

#maincol h4, hr {
 color:#999;
 border-bottom:1px solid #da0700;
 width:90%;
}

#maincol h5 {color:#b3c27d;}

#maincol h6 {color:#28598f;}

#maincol p {
 font-size:14px;
 color:#464646;
 text-align:justify;
 padding:0px 15px;
}

#maincol a {
 font-size:14px;
 font-weight:bold;
 color:#da0700;
 text-decoration:none;
}

#maincol a:hover {text-decoration:underline}

#maincol blockquote {
 font-size:13px;
 font-style:italic;
 text-align:justify;
 padding:0px 15px;
}

#maincol ul li {
 font-size:14px;
 color:#464646;
 list-style:square;
 margin-right:10px;
}

#maincol img {
 float:left;
 border:1px solid #cfcfcf;
 margin:0px 10px 10px 5px;
}

#maincol .back {
 width:100px;
 background:url(../images/menu-bg-hvr.jpg) left center repeat-x;
 text-align:center;
 margin:10px;
 border:1px solid #333;
}

#maincol .back a {
 color:#FFF;
 font-size:11px;
}

#maincol ol li {
 font-size:14px;
 color:#464646;
}

/**** Formulario ****/

label, form {
 font-size:12px;
 color:#da0700;
}
input, textarea {
 font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#535859;
 background:url(../images/form-field-bg.jpg) left top repeat-x;
 border:1px solid #cfcfcf;
}

input.titulo, textarea {width:260px;}
input.titulo {color:#da0700;}
textarea {background:none;}

/*** Columna derecha ***/

.mod-r {
 width:350px;
 min-height:210px;
 background:url(../images/mods-bg.jpg) left 46px repeat-x;
 border:1px solid #cfcfcf;
 border-top-width:0px;
}

.mod-r img {
 float:left;
 border:1px solid #cfcfcf;
 margin:10px 10px 10px 5px;
}

.title {
 font-weight:bold;
 text-decoration:underline;
}

.mod-r p {
 font-size:11px;
 text-align:justify;
 margin-top:10px;
 margin-right:10px;
}

.readmore {
 background:url(../images/arrow-rm.png) left center no-repeat;
 padding-left:15px;
 float:right;
 font-size:10px;
 color:#bb0500;
 font-weight:bold;
 text-decoration:none;
 margin-right:10px;
}

.readmore:hover {text-decoration:underline;}

.mod2 { margin-top:10px;}

h3.news, h3.serv {
 width:350px;
 font-size:21px;
 text-transform:uppercase;
 margin:0;
 padding:8px 0px 11px 45px;
}

h3.news {
 background:url(../images/h3-1.jpg)  left center no-repeat;
 color:#FFF;
}

h3.serv {
 background:url(../images/h3-2.jpg)  left center no-repeat;
 color:#000;
}

.tserv img { 
 margin:0; 
 padding:0;
}

.mod-r ul { 
 margin-top:0;
 position:relative;
 top:10px;
 left:20px;
}

.mod-r ul li{font-size:10px;}

.mod-r ul li a{}

/*** footer ***/

.news-footer {
 clear:both;
 width:986px;
 background:url(../images/menu-bg-hvr.jpg) left center repeat-x;
 margin-left:7px;
}

.news-footer p, .news-footer a { 
 color:#FFF;
 font-size:12px;
 text-decoration:none;
}

.news-footer a:hover {text-decoration:underline;}

.news-footer p {
 padding:5px 10px;
 border:1px solid #bb0500;
}

ul.menuF {
 position:relative;
 left:145px;
 width:700px;
}

ul.menuF li {
 display:inline; 
 font-size:11px; 
 font-weight:bold;
}

ul.menuF li a {
 font-size:11px;
 color:#000;
 text-decoration:none;
 padding:0 10px;
}

ul.menuF li a:hover, .active {text-decoration:underline !important;}

.footer-Info {text-align:center;}

.footer-Info p {
 color:#000;
 font-size:12px;
}

.footer-Info a {
 color:#bb0500; 
 text-decoration:none; 
 font-weight:bold;
}
.footer-Info a:hover {text-decoration:underline;}