@font-face {
	font-family: Bebas Neue; src: url('http://www.co2mpensa.ec/fuentes/BebasNeue.otf') format('opentype');
	}
	
	@font-face {
	font-family: Myriad Pro; src: url('http://www.co2mpensa.ec/fuentes/MyriadPro-Regular.otf') format('opentype');
	}

@font-face {
	font-family: Myriad Pro Reg; font-style:normal; font-weight:normal; src: url('http://www.co2mpensa.ec/fuentes/MyriadPro-Regular.otf') format('opentype');
	}


*{
padding:0px;
margin:0px;
}
img{border:0px}
html{
width:100%;
height:100%;
background:url(../images/bg.png) top left repeat-x;
background-color:#589FBB;
}

body{
width:980px;
margin:0 auto;
background-color:#FFF;
}
#header{
background:url(../img/top_bg.png) bottom left repeat-x;
height:133px;
background-color:#FFF;
}

#logo{
height:100px;
margin-left:30px;
}

#menu{
width:955px;
height:32px;
float:left;
background-color:#0067B1;
margin-top:10px;
padding-left:18px;
padding-right:7px;
border-top: 3px solid white;
border-bottom: 3px solid white;

}

#menu li{
display:block;
width:129px;
height:28px;
float:left;
background:url(http://www.co2mpensa.ec/img/menu_bg.jpg) top left repeat-x;
text-align:center;
text-decoration:none;
list-style:none;
padding-top:6px;
border-left: 3px solid white;
border-right: 3px solid white;
}


#menu li a{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
text-decoration:none;
width:129px;
height:28px;
padding-top:2px;
}

#menu li a.active{
display:block;
width:129px;
height:32px;
background:url(http://www.co2mpensa.ec/img/menu_bg_2.jpg) top left repeat-x;
margin-top:-6px;
padding-top:8px;
}

#menu li:hover{
display:block;
width:129px;
height:28px;
background:url(http://www.co2mpensa.ec/img/menu_bg_2.jpg) top left repeat-x;
}

#content{
background-color:#F2F2F2;
width:980px;
float:left;
font-family:Tahoma, sans-serif;
font-size:11px;
color:#676767;
padding-bottom:6px;
}

#content_nosotros{
background-color:#F2F2F2;
margin-top:15px;
width:912px;
height:410px;
font-family:Tahoma, sans-serif;
font-size:11px;
color:#676767;
padding-bottom:6px;
border-left: 8px solid #91AA4F;
border-right: 8px solid #91AA4F;
}

#content_como_trabajamos{
margin-top:15px;
width:894px;
height:801px;
background-image:url(../img/bg_como_trabajamos.jpg);
background-repeat:no-repeat;

}

#content_ecosello{
background:url(http://www.co2mpensa.ec/img/bg_ecosello.jpg) top left no-repeat;
margin-top:15px;
width:841px;
height:1345px;
font-family:Tahoma, sans-serif;
font-size:11px;
color:#676767;
padding-bottom:6px;
}

#content_ecosello_header{
	padding-top: 120px;
}

#content_reciclaje{
background:url(http://www.co2mpensa.ec/img/bg_pasos_reciclaje.jpg) top left no-repeat;
margin-top:15px;
width:892px;
height:1383px;
font-family:Tahoma, sans-serif;
font-size:11px;
color:#676767;
padding-bottom:6px;
}

#content_reciclaje h4{
	text-align:left;
	font-family: Bebas Neue, Myriad, Tahoma, Geneva, sans-serif;
	font-size:36px;
	color:#FFF;
	padding-top:20px;
	padding-left:40px;
	height:60px;
}


#content_calculadora{
background-color:#F2F2F2;
margin-top:15px;
padding-top:10px;
width:912px;
height:470px;
font-family:Tahoma, sans-serif;
font-size:11px;
color:#676767;
padding-bottom:6px;

}


#content_proyectos{
background-color:#F2F2F2;
margin-top:15px;
width:912px;
height:725px;
font-family:Tahoma, sans-serif;
font-size:11px;
color:#676767;
padding-bottom:6px;
border-left: 8px solid #91AA4F;
border-right: 8px solid #91AA4F;
}

#content_contacto{
background-color:#FFF;
margin-top:15px;
width:912px;
height:470px;
font-family:Tahoma, sans-serif;
font-size:11px;
color:#676767;
padding-bottom:6px;
border-top: 8px solid #91AA4F;
border-bottom: 8px solid #91AA4F;
}

#content_contacto_izq{
width:450px;
height:470px;
float:left;
}

#content_contacto_der{
width:300px;
height:260px;
font-weight:600;
float:left;
margin-top:50px;
border-left: solid 2px #CCC;
font-family:Myriad Pro Reg, Arial, Helvetica, sans-serif;
font-size:16px;
color:#989A9B;
text-align:center;
padding-top:95px;
padding-left:80px;
}

#content_contacto_der a{
	text-decoration:none;
color:#989A9B;
}

#content_contacto_der a:hover{
	text-decoration:underline;
}

#content_contacto_izq_titulo{
width:390px;
margin-top:20px;
margin-left:40px;
float:left;
}


#content_contacto_izq_titulo h4{
	min-height:50px;
	width:370px;
	font-size:36px;
	color:#96B74E;
	font-family: Bebas Neue, Myriad Pro Reg, Myriad, Tahoma;
	text-align:left;
	padding-top:1px;
}

.content_contacto_formulario{
width:400px;
height:400px;
float:left;
text-align:left;
margin-left:40px;
font-family:Myriad Pro Reg, Verdana, Geneva, sans-serif;
font-size:14px;
font-weight:700;
color:#6C6D6D;
}

.content_contacto_formulario input.txt {
	width:260px;
	margin-right:330px;
	padding:3px 5px;
	height:25px;
	float:left;
	font-family:Myriad Pro Reg, Arial, Helvetica, sans-serif;
	font-size:13px; color:#999;
	font-weight:bold;
	border:#BEBFBE solid 1px;
	}

.content_contacto_formulario textarea.txt {
	width:300px;
	margin:0 0 0 0;
	padding:3px 5px;
	height:100px;
	float:left;
	font-family:Myriad Pro Reg, Arial, Helvetica, sans-serif;
	font-size:13px; color:#999;
	font-weight:bold;
	border:#BEBFBE solid 1px;
	}

.content_contacto_formulario input.btn {
	width:55px;
	height:42px;
	float:left;
	font-family: Myriad Pro Reg, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#6C6D6D;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	border:0;
	background:url(../images/submitBtn.png) no-repeat
	}

.content_contacto_formulario_enviar{
float:left;
text-align:left;
margin-left:250px;

}

#center_index h4{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#916422;
text-transform:uppercase;
margin:0 0 10px 0px;
padding:0 0 9px 0;
background:url(../images/dots.gif) bottom left repeat-x;
display:block;
width:280px;
float:left;
}

#center_index h4 span{
	color:#C40000;
}

#center_index p{
display:block;
width:280px;
padding:0 0 10px 0px;
}

#center{
width:709px;
float:left;
margin-left:20px;
}
#center h4{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#916422;
text-transform:uppercase;
margin:0 0 10px 0px;
padding:0 0 9px 0;
background:url(../images/dots.gif) bottom left repeat-x;
display:block;
width:709px;
float:left;
}

#center h4 span{
	color:#C40000;
}

#center p{
display:block;
width:700px;
padding:0 0 10px 0px;
}

#footer{
width:980px;
height:50px;
float:left;
border-top: 1px solid;
border-color:#BEBFBE;
background-color:#FFF;
padding-top:5px;
}

#slider_nosotros{
float:left;
width:980px;
background-color:#F2F2F2;
padding-top:3px;
}

#sidebar_izq{
	float:left;
	width:550px;
	margin-left:62px;
}

#sidebar_der{
	float:left;
	width:300px;
	height:440px;
	padding-top:5px;
	margin-top:17px;
	margin-bottom:15px;

}

#sidebar_der h4{
	font-family:Myriad, Tahoma, Geneva, sans-serif;
	font-size:20px;
	color:#96B74E;
	padding-left:10px;
	padding-top:5px;
}

#sidebar_der p{
	font-family:Myriad, Tahoma, Geneva, sans-serif;
	font-size:13px;
	color:#8C8C8C;
	padding-left:33px;
}

#tweeter{
	float:left;
	width:405px;
	height:210px;
	font-family:Myriad, Tahoma, Geneva, sans-serif;
	background:url(http://www.co2mpensa.ec/img/twitter.png) center no-repeat;
	font-size:13px;
	color:#8C8C8C;
	margin-left:30px;
	border-top: 2px solid #BEBFBE;
}

#tweeter p{
	margin-top:23px;
	margin-left:30px;

}

#tweeter p a{
	font-family:Myriad, Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#FFF;
	text-decoration:none;
}

#tweeter p a:hover{
	color:#96B74E;
	text-decoration:underline;
}

#bloque_nosotros{
	margin-top:20px;
	float:left;
	width:912px;
	height:100px;
	border-bottom-width:1px;
	border-bottom-color:#BEBFBE;
	border-bottom-style:solid;
	padding-bottom:15px;
}

#content_reciclaje_bloques{
	margin-top:25px;
	float:left;
	width:892px;
	height:220px;
	padding-bottom:50px;
	line-height:1.5em;
}

#content_reciclaje_bloque_izq{
	float:left;
	width:446px;
	height:220px;
	line-height:1.5em;

}

#content_reciclaje_bloque_izq img{
	margin-right:8px;
	display:block;
	float:left;
}

#content_reciclaje_bloque_izq p{
	text-align:justify;
	font-family:Myriad Pro Reg, Tahoma, Geneva, sans-serif;
	color:#333;
	padding-left:66px;
	font-size:14px;
	width:380px;
	line-height:1.5em;

	
}

#content_reciclaje_bloque_izq h3{
	font-family:Bebas Neue, Myriad, Tahoma, Geneva, sans-serif;
	font-size:36px;
	color:#1368a4;
	text-align:left;
	float:left;
	padding-top:3px;
	padding-left:10px;
	padding-top:17px;
	display:block;
	width:350px;

}

#content_reciclaje_bloque_izq h2{
	font-family:Bebas Neue, Myriad, Tahoma, Geneva, sans-serif;
	font-size:66.38px;
	color:#9bc758;
	text-align:left;
	padding-left:30px;
	float:left;
	display:block;
	padding-top:20px;

	
}

#content_reciclaje_bloque_der{
	float:left;
	width:446px;
	height:220px;
}

#content_reciclaje_bloque_der img{
	margin-top:40px;
	margin-left:75px;
}


#bloque_nosotros_izq{
	float:left;
	width:360px;
	height:90px;
	margin-top:5px;
border-right-width: 3px;
border-right-style: solid;
border-right-color: #91AA4F;
}

#bloque_nosotros_izq h4{
	font-family:Myriad, Tahoma, Geneva, sans-serif;
	font-size:40px;
	color:#96B74E;
	text-align:left;
	padding-left:60px;
	padding-top:20px;
}

#bloque_nosotros_der{
	float:left;
	width:470px;
	height:100px;
}

#bloque_nosotros_der p{
	font-family:Myriad, Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#8C8C8C;
	padding-left:35px;
	padding-top:5px;
	text-align:justify;
}

#bloque_calculadora {
	background-image:url(../img/calculadora_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	width:600px;
	min-height:300px;
	height:auto;
	text-align:left;
	padding-left:20px;
	font-family:Myriad, Tahoma, Geneva, sans-serif;
	font-size:16px;
}

#bloque_calculadora p{
	font-family:Myriad, Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#8C8C8C;
	padding-top:5px;
}

#bloque_calculadora h4{
	font-family:Myriad, Tahoma, Geneva, sans-serif;
	font-size:22px;
	color:#96B74E;
	text-align:left;
	padding-top:15px;
}

#container_slider{
	width:980px;
	height:255px;;
	background-color:#f2f2f2;
	}

#container_slider_2{
	width:880px;
	height:500px;;
	background-color:#f2f2f2;
	float:left;
	}

.slidesContainer{
    width: 900px;
    height: 252px;
    position: relative;
	display:block;
}

.slidesContainer_2{
    width: 860px;
    height: 500px;
    position: relative;
	float:left;
	display:block;
}

#slider {
    width: 900px;
    height: 252px;
    background: #f2f2f2;
    overflow: hidden;
    position: relative;
    margin: auto;
	margin-left:42px;
	padding-top:5px;
}
#slider .slide{
    width: 900px;
    height: 252px;
    float: left;
}

#slider_2 {
    width: 500px;
    height: 360px;
    background: #f2f2f2;
    overflow: hidden;
    position: relative;
	padding-top:60px;
	color:#989A9B;
	font-size:16px;;
	text-align:left;

}

#slider_2 h4{
	font-family:Myriad, Tahoma, Geneva, sans-serif;
	font-size:38px;
	font-weight:bold;
	color:#41A0E0;
	padding-top:5px;
	}

#slider_2 .slide_2{
    width: 500px;
    height: 500px;
    float: left;
}

.prev, .next{
    display: block;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 147px;
}
.prev{
    background: url('http://www.co2mpensa.ec/img/izq.jpg') no-repeat;
    background-position: 0 0;
    left: 300px;
	margin-top:200px;
	height:85px;
	width:48px;
	display:block;
	cursor:pointer;
}
.prev:hover{
    background: url('http://www.co2mpensa.ec/img/izq_2.jpg') no-repeat;
    background-position: 0 0;

}
.next{
    background: url('http://www.co2mpensa.ec/img/der.jpg') no-repeat;
    background-position: 0 0;
	height:85px;
	width:48px;
    right: 330px;
	margin-top:200px;
	display:block;
	cursor:pointer;
}
.next:hover{
    background: url('http://www.co2mpensa.ec/img/der_2.jpg') no-repeat;
    background-position: 0 0;
}


#content_proyectos_der{
	width:455px;
	float:left;
}

#content_proyectos_der_1{
	width:440px;
	height:95px;
	float:left;
	margin-top:12px;
	padding-bottom:10px;
	text-align:left;
	border-bottom: solid #BEBFBE 1px;
}

#content_proyectos_der_1 p{
	width:400px;
	margin-left:30px;
	height:90px;
	text-align:justify;
	float:left;
	margin-top:-15px;
}

#content_proyectos_der_2{
	width:440px;
	height:95px;
	float:left;
	margin-top:12px;
	padding-bottom:10px;
	text-align:left;
	border-bottom: solid #BEBFBE 1px;
}

#content_proyectos_der_2 p{
	width:400px;
	margin-left:30px;
	height:90px;
	text-align:justify;
	float:left;
	margin-top:-15px;
}


#content_proyectos_der_3{
	width:440px;
	float:left;
	margin-top:0px;
	text-align:left;
}

#content_proyectos_der_3 p{
	width:400px;
	margin-left:30px;
	height:90px;
	text-align:justify;
	float:left;
	margin-top:-15px;
}


#content_proyectos_izq{
	width:450px;
	float:left;
}

#content_proyectos_izq_1{
	width:449px;
	height:115px;
	float:left;
	border-right: solid #BEBFBE 1px;
}

#content_proyectos_izq_1 p{
	width:400px;
	margin-left:30px;
	padding-bottom:16px;
	height:87px;
	text-align:justify;
	float:left;
	margin-top:-15px;
}



.verde{
	color:#8EAA5B;
	font-weight:bold;
}

.azul{
	color:#0067AB;
	font-weight:bold;
}

#flvplayer
{
	z-index:30;
	display:block;
	background-color:#000;
	float:left;
	margin-top:15px;
	margin-left:100px;
}

#flvplayer_siembra
{
	z-index:30;
	display:block;
	background-color:#000;
	float:left;
	margin-top:15px;
	margin-left:100px;
}

#flvplayer2
{
	z-index:30;
	display:block;
	padding-top:280px;
}



/*--- TABS ---*/
#tab_box {
	background-image:url(../img/calculadora_bg.png);
	background-repeat:no-repeat;
	position:relative;
	width:620px;
	min-height:409px;
	height:auto!important;
	height:409px;
	display:block;
}
.tab_container {
	overflow: hidden;
	width: 450px;
    float:left;
	font-family:  Myriad Pro Reg, Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:14px;
}

.tab_container input.txt {
	margin:0 0 0 0;
	padding:3px 5px;
	width:100px;
	font-family:Myriad Pro Reg, Arial, Helvetica, sans-serif;
	font-size:13px; color:#999;
	font-weight:bold;
	border:#BEBFBE solid 1px;
}

.tab_container select.txt {
	margin:0 0 0 0;
	padding:3px 5px;
	width:120px;
	font-family:Myriad Pro Reg, Arial, Helvetica, sans-serif;
	font-size:14px; color:#999;
	font-weight:bold;
	border:#BEBFBE solid 1px;
	margin-top:7px;
	margin-left:7px;
}


.tab_container input.btn{
	height:42px;
	float:left;
	font-family: Myriad Pro Reg, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#6C6D6D;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	border:0;
	background:url(../images/submitBtn.png) no-repeat
}

.tab_container h2{
	font-family: Bebas Neue, Myriad Pro, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:30px;
	color:#039;
	margin-left:20px;
}

.tab_content {
	padding:20px 20px 50px 20px;
	float:left;
	text-align:left;
}
	.tab_content p {
		font-size:1.167em;
		text-align:left;
	}
		.tab_content p a {
			color:#ec5900;
		}
		
	.tab_content p.km {
		text-align:left;
	}
		
ul.tabs {
	width:120px;
	overflow:hidden;
	z-index:10;
	height:300px;
	padding-top:1px;
	float:left;
}
	ul.tabs li {
		float:left;
		margin-left:30px;
		margin-top:40px;
		list-style:none;

	}
		ul.tabs li a {
			text-decoration:none;
			display:block;
			float:left;
		}
		ul.tabs li a:hover {
			
		}
		ul.tabs li.active a {

		}
		ul.tabs li.active a:hover {
		}


#banner_index{
	width:860px;
	height:141px;
	float:left;
	margin-left:60px;
	margin-top:15px;
	background-image:url(../img/bg_banner_index.jpg);
	background-repeat:repeat;
	display:block;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
}

#banner_index p{
	font-family: Myriad Pro Reg, Arial, Helvetica, sans-serif;
	font-size:17px;
	width:315px;
	margin-left:140px;
	margin-top:32px;
	text-align:center;
	color:#3b392a;
}

#banner_index h2{
	font-family:Myriad Pro Reg, Arial, Helvetica, sans-serif;
	font-size:16px;
	width:200px;
	margin-left:370px;
	text-align:right;
	color:#93b75d;
}

#izq_1{
	width:265px;
	height:115px;
	float:left;
	margin-right:25px;
	padding-top:25px;
	margin-top:10px;
}

#izq_1 h2{
	font-family: Bebas Neue, Myriad Pro, Arial, Helvetica, sans-serif;
	color:#2b7997;
	font-size:21px;
	margin-top:10px;
	margin-left:10px;
	width:265px;
}

#izq_1 h4{
	font-family: Myriad Pro Reg, Arial, Helvetica, sans-serif;
	color:#3b392a;
	font-size:16px;
	width:250px;
	margin-top:4px;
	margin-left:8px;
	font-weight:normal;
}

#content_ecosello_bloques{
	margin-top:20px;
	margin-left:50px;
	float:left;
	width:791px;
	height:220px;
	padding-bottom:50px;
}

#content_ecosello_bloque_izq{
	float:left;
	width:540px;
	height:300px;
	margin-right:50px;
}

#content_ecosello_bloque_izq_2{
	float:left;
	width:730px;
	height:100px;
	text-align:justify;
	color:#232325;
	padding-left:20px;
	font-size:14px;
	line-height:1.5em;
	margin-top:20px;
	font-family:Myriad Pro Reg, Tahoma, Geneva, sans-serif;
}

#content_ecosello_bloque_izq_2 h5{
	font-family:Myriad Pro Reg, Tahoma, Geneva, sans-serif;
	text-align:justify;
	font-size:15px;
	font-style:normal;
	color:#1492c0;
	text-align:left;
	float:left;
	padding-top:12px;
	display:block;
	width:730px;
}

#content_ecosello_bloque_izq img{
	margin-right:8px;
	display:block;
	float:left;
}

#content_ecosello_bloque_izq p{
	text-align:justify;
	font-family:Myriad Pro Reg, Tahoma, Geneva, sans-serif;
	color:#232325;
	padding-left:10px;
	font-size:15px;
	width:550px;
	line-height:1.3em;
	
}

#content_ecosello_bloque_izq h3{
	font-family: Bebas Neue, Myriad Pro, Tahoma, Geneva, sans-serif;
	font-size:24px;
	color:#47a7cb;
	text-align:left;
	float:left;
	padding-left:10px;
	display:block;
	width:540px;
}

#content_ecosello_bloque_izq h2{
	font-family:Myriad, Tahoma, Geneva, sans-serif;
	font-size:40px;
	color:#9bc758;
	text-align:left;
	padding-left:30px;
	float:left;
	display:block;
	
}

#content_ecosello_bloque_der{
	float:left;
	width:175px;
	height:243px;
}

#content_ecosello_bloque_der img{
	margin-top:45px;
}
