/***********************************************
*                CleanAlgae.es                 *
*                                              *
*        Programmed: Jaime Vega Martinez       *
*                    jaimevega@gmail.com       *
***********************************************/

/* Generales */
body{font-family: "Gill Sans","Gill Sans MT",Arial,Sans-Serif; font-size:13px;	color: #333; text-align:justify; background:url(../img/fondo.jpg) repeat-x #70944C;  }
body h1{width:100%; height:30px; margin:0 0 20px; color: #fff; font-size: larger;  font-variant:small-caps; background: #7ab031; text-indent:20px; }	
body h2{width:630px; margin:10px 0 10px; font-weight:bold; text-indent:20px; font-size:larger; text-transform:uppercase;}
body h3{text-indent:20px; clear:both; font-weight:bold; }
body h4{font-style:italic; margin:10px 20px 0; font-size:13px; font-weight:normal;}
p { margin:10px 20px 10px; }
p:last-child{margin-bottom:0;}
p+h1 { margin: 20px 0;}
h4+p{ }
h1+h2 { margin:0 0 10px;}
a { color:#7ab031;}
a:hover { text-decoration:underline;}
#loading{display:none; position:absolute; margin:210px 310px; width:120px; height:25px; z-index:500; background-color:#002512; color:#fff; font-weight:bold; text-indent:20px; opacity:0.7; line-height:25px;}
#columna1 > h1{height:200px; line-height:320px; font-size:40px; background:none; color:#002512; margin:0 0 10px;}
#columna1 > h1.h1-normal { font-size:24px; height:30px; line-height:30px;}
/* Clases de elementos */
.fleft{float:left;}
.fright{float:right;}
.clear {clear:both;	height:1px;	line-height:1px; font-size:1px;}
.caja{width:290px; float:right; background:#fff; margin:10px 10px 0 0;  padding-bottom:20px;}
.ul-none{list-style:none; }
.columna{width :47%; font-size:smaller; margin-top:10px;}
.columna fleft{ background-color:#999;}
.image { margin: 0 20px 10px;}
.underline { text-decoration:underline;}
.green{color: #7ab031;}
.italic{font-style:italic;}
p + .columna {}
ul.gota { list-style:inside none; margin:5px 20px 5px 20px; }
ul.gota li{ margin:5px 0 0; background:url(../img/gota-verde.png) 0px 4px no-repeat; padding-left:20px; *padding-left:5px;}
body ol {list-style:decimal; list-style-position:inside;}
body ol li{ margin: 5px 40px;}
/* Maquetado y estructura general */
#header {position:relative; width:100%; height:auto;}
	#header1 {height:45px; width:100%; background-color:#002512; margin:0 auto;}
		#header1-container {width: 980px; margin:0 auto 0 auto;}
			#cleanalgae-logo{position:absolute; width:133px; height:160px; margin:12px 0 0 45px; background:url(../img/gota.png) no-repeat; z-index:300; cursor:pointer;}		
			#cleanalgae-name{position:absolute; margin:172px 0 0 15px; width:270px; height:68px; background:url(../img/cleanalgae.png) no-repeat; z-index:300; cursor:pointer;}					
			#main-menu{ float:right; margin: 0 0 0 30px;}
				.menu-element{ z-index:350; height:45px; margin:0px 0 0 -4px; padding: 0 15px 0 30px; border-right:#FFF 3px solid; color:#FFF; font-size:12px; font-weight:bold; text-align:right; line-height:50px; display:-moz-inline-stack;	display:inline-block;	zoom:1;	*display:inline; font-variant:small-caps; *margin:0;}
				.menu-element:hover{cursor:pointer;}	
				.active{background-color:#7aB031;}	
#top-menu {width: 290px; height:30px; float:left; margin: 10px 0 0 0; border: #000 solid 0px; border-top:none; background: #7ab031; line-height:30px; font-size:normal; *margin: 25px 0 0;}			
	#top-menu ul {}
	#top-menu ul li{ float:left; margin: 0 0 0 10px; padding:0 0 0 10px; }
	#top-menu ul li:first-child{ border-left:none;}
	#top-menu a {color: #fff;}
	#top-menu a:hover {cursor:pointer; text-decoration:underline;}			
/*CONTENT*/				
#content { position:relative; margin: 0 auto; height:auto; width:980px; line-height:1.8; *margin: -20px auto;}
	#columna1 { position: relative; width:670px; margin:10px 0 0 0; *margin-top:30px; padding-bottom:20px;}
	#columna2 { position: relative; width:300px; margin:200px 0 0;}
		#column2-photo { width:310px; height:150px; margin:0 10px 0 0; font-variant:small-caps; overflow:hidden; font-family:"Gill Sans","Gill Sans MT",Arial,Sans-Serif;}		
		#photo-slogan { float:right; margin:150px 20px 0 0;font-size:30px; color:#7ab031;font-weight:bold; }
		#photo-slogan-after { font-size : 60px; margin : 95px 20px 0; color : #7AB031;  }
	.gotop{color:#333; margin:0; text-decoration:none;}
		.gotop a {color:#999; }
		.gotop > a:hover {cursor:pointer; color:#000;}
/*FOOTER*/		
#footer { position:relative; height:75px; width:100%; margin: 20px auto 0 auto; text-indent:20px; color:#333; *margin:30px auto 0;}
	#footer-content{ width: 980px; margin:0 auto; border-top:1px #333 solid;}		
	#footer-content ul{list-style:none;}
	#footer-content ul li{display:inline; padding:0 10px;}
	#footer-content > div { margin:5px auto; *margin: -10px auto 0;}
	#footer-content > div.fright {border-bottom:solid 0px #333;}
	#footer-content a {color:#333;}

.submenu {list-style:none; margin:-10px 20px 0; font-size:larger;}
.submenu li{margin:0 0 0 0; width:250px; }
.submenu li:hover{cursor:pointer; background-color: #ccc;}
/*** HOME ***/
.sm {list-style:none; width:980px; height:250px; display:block; overflow:hidden; margin:-10px auto 0;}
.sm li {float:left; display:inline; overflow:hidden}
	.sm-image {width:750px; height:250px;}
	.sm-image a {display:block; margin:198px 0 0 617px; width:100px; color:#fff; font-size:22px; font-weight:bold; overflow:hidden;}
	.sm-image a:hover {text-decoration:none;}
	#sm-company{ background:url(../img/h1.jpg) no-repeat; }
	#sm-products{ background:url(../img/h2.jpg) no-repeat; }
	#sm-investors{ background:url(../img/h3.jpg) no-repeat; }
#news { width:310px; float:right; background:#fff; padding-bottom:20px;}
	#news ul{width:270px; margin: 10px 20px 10px; line-height:1.7;}
		#news ul li { border-bottom:1px solid #999; padding:0;}
		.homenewsdate{clear:both;}
		.homenewstittle{clear:both; text-align:right;}
		#news span{margin:0 0 0 70%;}
		#news span a{color:#333;}
/*** INVESTORS ***/
	#news-accordion{ margin: 10px 0 0 15px; line-height:2.5; width:610px;}
	li.toggler{ border-bottom:1px solid #999;  list-style: none inside; background: none;}
	li.toggler:first-child{border-top:1px solid #999;}
	li.toggler:hover {background:url(../img/arrow-down.png) 98% 50% no-repeat #ddd; color:#111; cursor:pointer; padding-right:10px;}
	.element{  margin:0 10px; padding-bottom:5px;}
	.newsdate{ color:#111; margin-left:5px;}
	.newstittle{ margin:0 0 0 20px;}
	#events-accordion { margin: 10px 0 0 15px; line-height:2.5; width:610px;}	
	#investors-contact{line-height:1.5; font-size:smaller; margin:0 0 0 20px;}

/*** PRODUCTS ***/
#products-accordion{ width:630px; margin:20px auto 0;}
	.products-group { border:2px #7ab031 solid; margin:10px 0; height:auto;}
	.products-div{ height:30px; background:#7ab031; text-indent:20px; color:#fff; line-height:30px;}
	.products-ele{ clear:both; padding: 10px 0;}
	.products-ele ul {list-style:disc; list-style-position:inside; margin:0 10px 0 20px;}
	.pro-accordion-photo { width: 150px;}
	.pro-accordion-info { width: 450px; margin:10px 0;}
/*** CONTACT ***/	
#form-contact { position: relative; width:450px; margin:20px 50px 0; font-weight:bold;}
	.form-contact-fila{ height:30px; margin: 10px 0 0; clear:both;}
	.form-contact-fila:last-child{ height:30px; margin: 10px 0 0; clear:both; }
	.form-contact-columna1 {display:inline; width:110px; margin-left:5px;}
	.form-contact-columna2 {display:inline; width:330px;}
		.form-contact-columna2 > * {background-color:#EEE; color:#002512; border:1px solid #999; font-weight:bold; width:330px; padding:5px 0 0 5px;}
		.form-contact-columna2 input.boton { height:30px;margin:20px 130px;padding:0;width:70px;}	
		.form-contact-columna2 input.boton:hover { background-color:#999; cursor:pointer;}		
		.form-contact-columna2 input { height:20px;}		
		.form-contact-columna2 select { height:25px; width: 338px;}		
		.form-contact-columna2 textarea { height:80px; }	
		.form-contact-captcha {float:right; margin: 0 auto 0 auto; padding: 5px 0 0 0;}	
		.form-contact-columna-submit {width:50px; margin: 10px auto 0 auto;}
#contact-info { text-indent:20px;}
#contact-info p {margin: 0;}
#contact-info h2 {margin:0;}
#contact-info h3 {margin:0;}
.respuesta { position:relative; color:#F00; font-weight:bold; margin:0 auto 10px 100px; text-transform:uppercase;}
/*** SITEMAP ***/
ul.ul-sitemap{ list-style-position:inside; font-variant:small-caps; margin:0 0 0 20px; *margin:0;}
ul.ul-sitemap li {background:url(../img/gota-verde.png) no-repeat 0px 3px ; width:80%; text-indent:20px;}
ul.ul-sitemap li ul {margin:0 0 0 40px; font-weight:normal; border-left:solid 2px #555; padding-left:10px; list-style-position:inside; list-style:none; text-transform:none; font-variant:normal;}
ul.ul-sitemap li ul li { background:none; text-indent:0; *text-indent:-10px;}
ul.ul-sitemap a {color:#333;}
/*** LEGAL ***/
ol.ol-legal{ list-style:decimal; list-style-position:inside;margin-left:20px;}

.form-contact-columna2 input.boton {
height:30px;margin:20px 130px;padding:0;width:70px;
}