/* 
Theme Name: 3m
Theme URI: http://www.depas3m.com/
Version: 1.0
Author: Hugo Osorio
Author URI: http://vectoresdivergente.com/
*/


html, body { background-color: #fff; 
	height: auto !important; 
	height: 100%; 
	margin: 0; padding: 0; }

* { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-family: Helvetica, Arial, sans-serif;
 }

/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article {
	display: block;
}

/*------------Basic styles------------*/

p {
	margin: 0 20px;
	padding: 10px 0 0;
	font-size: 0.8em; 
	line-height: 1.8em;
	color: #293A54}

.right {
float: right;
	text-align: right} 	

.left {
	float: left;
	margin: 10px 20px} 	
	
h1, h2, h3, h4 { 
	color: #0B426F;
	margin: 0 20px;
	line-height: 1.5em; 
	background: transparent }

h1 { 
	font-size: 1.9em;
	font-weight: 700}	

h2 { 
	font-size: 1.8em }

h3 { 
	font-size: 0.97em;
	font-weight: 400 }	

h4 { 
	font-size: 0.8em;
	font-weight: 700;
	margin-top: 15px  }	
	
strong { 
	font-weight: 700; 
	}		

.clear { 
	clear: both; 
	}


/*-------------Layout----------------*/

.head { 
	   position: fixed;
	   	width: 100%;
height: 260px;	background: #1D4F74 url(images/gra_azul_menu.jpg) repeat-x;
	margin: 0; 
	padding: 0;
	border-bottom: #0445A6 2px solid}

html>body .content { 
	height: auto}
.content { 
	margin: 0 auto; 
	padding: 20px 0 0}
	
.maincontent { 
	background-color: #fff; 
	margin: 260px auto 0; 
	padding: 0;
	border-bottom: #121b27 4px solid}


 /* header*/
#header {			
	width: 918px; 
	height: 50px;
	margin: 0 auto; 
	background-color: transparent;
      }
	
 /* logo */
.hdlogo{ 
	float: left;
	height: 50px;
	background-color: transparent; 
	margin: 0}


		
 /* ---------navigation------------ */
.navi {		
	float: left;				
	height: 50px; 
	background: transparent; 
	margin: 0; 
	padding: 0}	
/* Main nav list  */
#nav { 
	margin: 0;
	padding: 0;
	background-color: transparent;}

ul#nav { 
	background-color: transparent;
	margin: 0;
	padding: 0}

/* Main nav list items */
#nav li  { 
	font-size: 0.91em;
	background-color: transparent; 
	float: left; 
	list-style: none; 
	text-align: center;
	margin: 0;}

#nav li a {   /* Main nav styles for all links */
	color: #FAFAFA; 
	background-color: transparent; 
	display: block; 
	line-height: 50px; /* height of the tab */
	text-decoration: none;
	border-right: #FAFAFA 1px solid }
	 
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active, #nav a#current    { 
	padding-right: 42px; 
	padding-left: 42px; }

#nav a:hover, #nav a:active {
background-color: #6ABDE6;
	color: #1B3163}

#nav a#current { 
	color: #1B3163;
	font-weight: 700;
	background-color: #6ABDE6}
	

 /* ---------columns------------ */	
.maincol {						
	width: 918px; 
	background-color: transparent; 
	margin: 0 auto; 
	padding: 0}

.colsubtitulo {						
	width: 950px; 
	background-color: transparent; 
	margin: 0 auto; 
	padding: 0}
	
.colright, .colrightverde  {
	float: right;	
	background-color: transparent;
	margin: 0;
	padding: 0}

.colrightverde  {
	width: 215px;
	}

.colright  {
	width: 298px}
	
.colleft, .colleftverde  {
	float: left}	

.colleft {
	width: 620px;
	margin-bottom: 80px;}

.colleftverde  {
	width: 732px;
	margin-top: 15px;}
.colleftverde p {
	font-size: 58px;
	color: #fff;
	line-height: 68px}

span.big { 
	font-size: 104px;}

.subtitulo {
	height: 210px;
	background: #6B920D url(images/gra_verde.jpg) repeat-x}
	
.subtitulo h1{
	float: left;
	margin: 0 30px 0 0;
	line-height: 175px;
	font-size: 175px;
	letter-spacing: -0.11em;
	color: #fafafa}

.ancla {
	float: left;
	z-index: :100;
	margin-top: -270px}

.ancla a{
	padding-top: 270px;
	display: block}	

.colrightverde p{
	color: #FAFAFA;
	margin-top: 25px;}

.colright, .colrightverde {
	float: right;
		background-color: transparent;
	margin: 0;
	padding: 0}
		


.twoquarter {
	float: left;
	width: 590px;
	background: #0D3560 url(images/maincol_back.jpg) repeat;
	margin: -20px 0 0;
	padding: 0;
	border-right: #F9DDB7 8px solid;
	border-left: #F9DDB7 8px solid;}

.contenidobottom, .siguenosocialinternas {
	width: 606px;
	padding: 0;}

.contenidobottom {
	float: left;
	height: 24px;
	background: #0D3560 url(images/contenido_bottom.jpg) no-repeat;
	margin: 0 0 20px}


.third  {
	float: left;
	width: 239px;
	margin: 0}

.rentaya {
	width: 285px;
	height: 110px;
	color: #fff;
	background: #CC3300 url(images/btn_rojo.jpg);
	display: block;
	font-size: 22px;
	text-align: center;
	text-decoration: none;
	padding: 27px 0 0 15px;
	line-height: 33px;}

span.rentaahora {
	font-size: 53px}

a:visited.rentaya {
	text-decoration: none}

a:hover.rentaya {
	background: #dd813c url(images/btn_naranja.jpg);
	text-decoration: none}
	





 /* ---------footer------------ */
#foot { 
	height: 63px; 
	background-color: #0B426B;
	margin:0 auto; 
	padding: 0}  
	
#footer { 
	width: 950px; 
	height: 63px; 
	background-color: transparent;
	margin:0 auto; 
	padding: 0}  



#footer p{ 
	float: left;
	font-size: 0.7em;
	background: transparent;
	color: #C4C4C4;
	margin: 0;
	padding-top: 15px;
	 } 




/*-----------------------------------Other tags-----------------------------------------*/

/* lists */
ul { margin: 5px 5px 5px 35px; }
ol { margin: 5px 0 5px 35px; list-style: decimal }
ol li, ul li { 
	color: #466570; 
	font-size: 0.9em; 
	line-height: 1.8em;
	}



/*-------------------------------------------------------------------------------*/




a {
    color: #ccc;
    text-decoration: underline}

a:visited {
    color: #fafafa;
    text-decoration: underline}
    
a:hover, a:active { 
 color: #fff; 
 text-decoration: underline }

input.suscribir {
	width: 188px;
	height: 20px;
	margin-left: 20px; 
	background-color:#C5D1EA }


	
/* Logo*/	
span.logo { 
	float: left;
	position: relative; 
	top: 0; 
	left: 0;
	margin:0;
	padding: 0}
span.logo img { 
	margin-top: 0px; 
	margin-left: 15px; 
	padding-top: 0; 
	padding-left: 0; }
	
.forminput {
	width: 384px; 
	height: 20px;
	background-color: #fafcff;
	border:1px solid #dee3ea}

	
.text {
	float: left;
	width: 172px;
	height: 19px;
	margin: 2px auto 5px 3px;
	padding: 0;
	color: #535760;
	background-color: white ;
	border: 1px solid #BFBFBF}


	 
textarea {
width: 384px; 
	height: 170px; 
	background-color: #fafcff; 
	margin: 0; 
	padding: 2px 3px; 
	line-height: 1em; 
	overflow: auto; 
	border-top: 2px solid #dee3ea; 
	border-bottom: 1px solid #dee3ea; 
	border-left: 2px solid #dee3ea; 
	border-right: 1px solid #dee3ea	}