/* Design by Alexander Cabalceta for Ticohosting.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
} 
 
#pagewidth{ 
 width:1000px; 
 text-align:left;
 margin:15px auto;
} 
 
#header{
 position:relative;
 width:1000px;
} 
 
#maincol{
 float:right;
 display:inline;
 position:relative;
 width:1000px;
}
 
#footer{
 margin-top:10px;
 clear:both;
 width:1000px;
 height:85px;
 background: url(../images/footer.jpg) left center no-repeat;
}

 
/* *** Float containers fix *** */ 
.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 */

span.orange {color:#F58220;}

.content h2 {
 background:url(../images/h2-icon.jpg) left center no-repeat;
 padding:5px 0px 5px 54px;
 border-bottom:1px dotted #f58220;
 color:#999;
 font-size:26px;
 width:80%;
}

.content h3 {
 color:#F90;
 font-size:20px;
 border-bottom:1px solid #ccc;
}

.content p {
 font-size:13px;
 color:#333;
}

.content ul li {
 font-size:13px;
 list-style:none;
 list-style-image:url(../images/bullet-2.jpg);
 color:#000;
 margin-bottom:5px;
}

.content a {
 font-size:13px;
 color:#F58220;
 font-weight:bold;
 text-decoration:none;
}

.content a:hover {text-decoration:underline;}

/*** Header ***/

.grey-line, .orange-line {
 width:1000px;
 height:8px;
 clear:both;
}

.grey-line	 {background-color:#E3E3E3;}
.orange-line {background-color:#F58220;}

/** Logo **/

h1.logo {
 background: url(../images/mri-logo.jpg) left center no-repeat;
 width:274px;
 height:63px;
 text-indent:-1600em;
 overflow:hidden;
 float:left;
 display:block;
 margin:10px 0;
 padding:0;
}

h1.logo a {
 width:274px;
 height:63px;
 display:block;
}

.slogan {
 width:546px;
 height:63px;
 float:left;
 text-align:center;
 margin:10px 0;
}

.slogan span {
 width:428px;
 height:60px;
 display:block;
 text-indent:-1600em;
 overflow:auto;
 background: url(../images/slogan.jpg) center center no-repeat;
 position:relative;
 left:80px;
}

.date {
 width:180px;
 height:63px;
 float:left;
 margin:10px 0;
 font-size:10px;
 text-align:right;
 color:#7c7c7c;
}

/*** Flash Banner ***/

.flashBanner {
 width:1000px;
 height:248px;
 clear:both;
 margin:10px 0px;
}

/*** Modulos ***/

.mod-1, .mod-2, .mod-3 {
 background:url(../images/mod-bg.jpg) center bottom no-repeat;
 width:330px;
 height:400px;
 float:left;
 margin:0px 1px;
}

.mod-1 h3, .mod-2 h3, .mod-3 h3 {
 width:330px;
 height:54px;
 text-indent:-1600em;
 display:block;
 margin:5px 0px;
}

.mod-1 h3 {background:url(../images/about-us.jpg) left center no-repeat;}
.mod-2 h3 {background:url(../images/for-employers.jpg) left center no-repeat;}
.mod-3 h3 {background: url(../images/for-candidates.jpg) left center no-repeat;}

.img-1, .img-2, .img-3{
 width:306px;
 height:176px;
 margin:5px auto;
}

.img-1 {background:url(../images/img-1.jpg) center center no-repeat;}
.img-2 {background:url(../images/img-2.jpg) center center no-repeat;}
.img-3 {background:url(../images/img-3.jpg) center center no-repeat;}

.mod-1 ul, .mod-2 ul, .mod-3 ul {
 padding:0 0 0 10px;
 margin:0;
}

.mod-1 ul li, .mod-2 ul li, .mod-3 ul li {
 list-style:none;
 background:url(../images/bullet.png) left center no-repeat;
 padding-left:16px;
 margin-top:0;
 padding-top:0;
}

.mod-1 ul li a, .mod-2 ul li a, .mod-3 ul li a {
 font-size:12px;
 color:#333333;
 text-decoration:none;
}

.mod-1 ul li a:hover, .mod-2 ul li a:hover, .mod-3 ul li a:hover {text-decoration:underline;}

.mod-3 img {border:none !important;}

.mod-2 a.empl-login, .mod-3 a.cand-login { 
 position:relative;
 bottom:15px;
 left:210px;
 outline:none;
}

/*** Mods Bottom ***/

.mod-b {
 background:url(../images/mini-mod-bg.jpg) center center no-repeat;
 width:330px;
 height:98px;
 float:left;
 margin-right:3px;
 margin-top:10px;
 margin-bottom:10px;
}

.mod-b h3 {
 font-size:13px;
 color:#9c9c9c;
 border-bottom:1px dotted #9c9c9c;
 width:80%;
 margin-left:10px;
 margin-bottom:2px;
}

.mod-b p {
 font-size:12px;
 color:#9c9c9c;
 width:95%;
 margin:6px auto;
}

/*** Redes Sociales ***/

.mod-b ul {
 margin:0;
 padding:0;
}

.mod-b ul li {
 float:left;
 list-style:none;
}

.mod-b ul li a {
 width:59px;
 height:59px;
 display:block;
 margin-right:40px;
 text-indent:-1600em;
 overflow:hidden;
 outline:none;
}

.facebook 	{background:url(../images/facebook.jpg)  center center no-repeat;}
.twitter	{background:url(../images/twitter.jpg)   center center no-repeat;}
.wordpress 	{background:url(../images/wordpress.jpg) center center no-repeat;}

/*** CMTGroup ***/

.cmt {
 background:url(../images/cmtgroup.png) center center no-repeat;
 width:283px;
 height:92px;
 margin:0px auto;
 text-indent:-1600em;
 outline:none;
 overflow:hidden;
 display:block;
 position:relative;
 top:3px;
}

/*** Resume Biulder ***/

.resBiulder {
 width:261px;
 height:37px;
 background:url(../images/resume-builder.png) center center no-repeat;
 text-indent:-1600em;
 overflow:hidden;
 outline:none;
 margin:5px auto;
 display:block;
}


/**** Formulario ****/

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

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


/**** Footer ****/

#footer ul {
 width:700px;
 margin:0 auto;
}

#footer ul li {
 list-style:none;
 float:left;
 margin-right:30px;
}

#footer ul li a {
 font-size:11px;
 color:#333;
 text-decoration:none;
}

#footer ul li a:hover {
 text-decoration:underline;
 color:#F58220;
}

#footer .copy {
 width:1000px;
 text-align:center;
 clear:both;
 color:#333;
 font-size:11px;
 padding-top:10px;
 font-weight:bold;
}

.mri-footer, .ticohosting {
 width:500px;
 float:left;
}

.mri-footer a {
 width:116px;
 height:26px;
 background:url(../images/mri-footer-logo.jpg) center center no-repeat;
 display:block;
 float:left;
 text-indent:-1600em;
 overflow:hidden;
 outline:hidden;
 position:relative;
 left:10px;
}

.ticohosting a {
 width:165px;
 height:28px;
 background:url(../images/ticohosting.png) center center no-repeat;
 display:block;
 text-indent:-1600em;
 overflow:hidden;
 outline:hidden;
 float:right;
 position:relative;
 right:10px;
}