/*
Theme Name: Planet Supra
Author: Proxect
*/


/* Begin Structure */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	background: #fefefe;
	color: #666;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0;
	  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/bg.jpg);
	  background-position:center;
	  background-repeat:repeat-y;
	}

#page {
	background-color: #fff;
	margin: 24px auto 0 auto;
	padding: 0;
	width: 950px;
	}

/* selector ie6  */
* html #page  {margin:0;}

#header {
	margin: 0;
	padding: 0;
		min-height: 230px;
	max-height: 350px;
	width: 950px;
	}

#header-img {
	margin: 0;
	padding: 0;
		min-height: 230px;
	width: 950px;
	background-position:left;
	background-repeat:no-repeat;
	}
		
#breadcrumb {
	margin: 10px 0;
	width: 950px;
	float: left;
	font-size: 1.2em;
	}

#breadcrumb a{
	color:#2c8fd3; 
	}
		
.narrowcolumn {      /* content column on home page and pages */
	float: left;
	padding: 10px 0 20px 0;
	margin: 0 0 0 0;
	width: 950px;
		font-size: 1.1em;
	line-height:1.4em;
	text-align:left;
	}

.widecolumn {       /* content column on posts */
	float: left;
	padding: 10px 0 20px 0;
	margin: 0 0 0 0;
	width: 670px;
		font-size: 1.1em;
	line-height:1.4em;
	}

.widecolumn h1 { 
	padding-top:4px; font-size:2em;
}

.post {
	margin: 0 0 40px 0;
	text-align: justify;	
		font-size: 1.1em;
	line-height:1.4em;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0 0 40px 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 0;
	}

.widecolumn .postmetadata {
	margin: 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

	
/* End Structure */



/* BOXES IN MULTI-USES */

.headpage {     
	float: left;
	width: 950px;
	max-height:150px;
	padding: 15px 0 5px 0;
	margin: 0 0 25px 0;
	font-size: 1.1em;
	line-height:1em;
	border-bottom: 1px solid #ccc;
	text-align:left;
	//padding-bottom:20px;
	}	

.headpage h1{margin-bottom:0; }	
.headpage p{font-size:1.4em; color:#33bbb7; line-height:1.1em;}	
.headpage a{ color:#f57c70; }	
.headpage a:hover{ color:#f57c70; text-decoration:underline;}	

.multiuses {     
	float: left;
	width: 650px;
	padding: 0 0 0 0;
	margin: -20px 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	/* background-color:#e8effb;  */
	}

.multiuses h2{text-align:left;}	
	
.protects {     
	float: left;
	width: 650px;
	padding: 10px 10px 20px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	/* background-color:#e8effb;  */
	}

.protects h3{ color:#252525; font-size:1.1em; margin-bottom:-10px;}	
.protects img{ margin-top:25px;}	

.surfaces {     
	float: left;
	width: 460px;
	padding: 10px 10px 20px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	}
	
/* .surfaces {     
	float: left;
	width: 460px;
	padding: 10px 0 20px 10px;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	}
	*/

.surfaces-col {	float: left;width: 92px;}
.surfaces h3{ color:#252525; font-size:1.1em; margin-bottom:-20px;}	
.surfaces img{ margin-top:15px;}	

.colors {     
	float: left;
	width: 460px;
	padding: 10px 10px 20px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	}

.colors img{ margin-top:15px;}	

.guarantee {     
	float: left;
	width: 620px;
	height:330px;
	padding: 10px 0 20px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	text-align:left;
	}


.guarantee-col1 {     
	float: left;
	width: 180px;
	height:310px;
	padding: 0 19px 0 0;
	margin: 0 20px 0 0;
	font-size: 1.2em;
	line-height:1.8em;
	text-align:left;
	background-color:#fff;
	text-align:center;
	}

.guarantee-col2 {     
	float: left;
	width: 180px;
	height:310px;
	padding: 0 19px 0 0;
	margin: 0 20px 0 0;
	font-size: 1.2em;
	line-height:1.8em;
	text-align:left;
	background-color:#fff;
		text-align:center;
	}

.guarantee-col3 {     
	float: right;
	width: 180px;
	height:310px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 1.2em;
	line-height:1.8em;
	text-align:left;
	background-color:#fff;
		text-align:center;
	}

	
.guarantee-sidebar {  		
	float: right;
	width: 270px;
	padding: 10px 0 15px 10px;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.15em;
	border-left:1px solid #ccc;
	text-align:left;
}

.guarantee-sidebar h2{ color:#252525; font-size:1.1em; margin-bottom:-5px;}

.guarantee-sidebar li {     
  padding:1px 0 0 25px;
  text-decoration:none;
  list-style-type:none;
  font-size:1em;
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/link.png);
	background-repeat: no-repeat;
	background-position: left;
	}				
	
.guarantee-sidebar ul a{  color:#2c8fd3; }	
				
.guarantee-picture {     
	float: left;
	width: 200px;
	height:260px;
	padding: 20px 30px 20px 0;
	margin: 0 0 0 0;
	text-align:left;
	}
	
	.guarantee-content {     
	float: right;
	width: 690px;
	height:260px;
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	font-size: 1em;
	line-height:1em;
	text-align:left;
	}

.guarantee-comparison {     
	float: left;
	width: 900px;
	height:570px;
	padding: 20px 30px 20px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	text-align:left;
	}
		
.guarantee h2{ color:#252525; font-size:1.1em; margin-bottom:-5px; padding-bottom:10px;}
.guarantee h3{ color:#252525; font-size:0.9em; margin-bottom:-10px; line-height:1em;}	
.guarantee h4{ color:#33bbb7; font-size:1.1em; margin-bottom:-10px;margin-top:20px;}	

.guarantee a{ color:#2c8fd3; }	

.clients {     
	float: left;
	width: 460px;
	padding: 40px 10px 20px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	}		
	
.clients img{ margin-top:-30px;}	

.learn {     
	float: right;
	width: 460px;
	padding: 40px 0 20px 10px;
	margin: 0 0 0 0;
		font-size: 1.1em;
	line-height:1.4em;
	}

.learn ul a{  color:#2c8fd3; }	
.learn ul {  margin-top:30px; }	

	
.learn li {     
  padding:2px 20px 5px 35px;
  height:20px;
  text-decoration:none;
  list-style-type:none;
  font-size:1.2em;
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/link.png);
	background-repeat: no-repeat;
	background-position: left;
	}				
		
.insulation {     
	float: left;
	width: 620px;
	height:550px;
	padding: 10px 30px 20px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	text-align:left;
	}

	/* selector ie6  */
* html .insulation { height:500px;}

.insulation h2{ color:#252525; font-size:1.1em; margin-bottom:-5px; padding-bottom:20px;}
.insulation h3{ color:#252525; font-size:1.1em; margin-bottom:-10px;}

.insulation a{ color:#2c8fd3; }	

.insulation img{ padding-left:35px;display:block;
//padding-left:0px; }

.insulation ul a{  color:#2c8fd3; }	
.insulation ul {  margin:5px 0 -20px -30px; }	

	/* selector ie6  */
* html .insulation ul  { padding-left:50px;}

.insulation li {     
	padding:1px 0 15px 25px;
	text-decoration:none;
	list-style-type:none;
	background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/link-insulation.png);
	background-repeat: no-repeat;
	background-position: top left;
	font-weight:bold;
}
		
.features {     
	float: left;
	width: 460px;
	padding: 10px 10px 20px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	}
	
.features-sidebar {  		
	float: right;
	width: 260px;
	padding: 10px 10px 15px 10px;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	border-left:1px solid #ccc;
	text-align:left;		
}

.downloads-sidebar {  		
	float: right;
	width: 260px;
	padding: 10px 10px 15px 10px;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	border-left:1px solid #ccc;
	text-align:left;		
}

	/* selector ie6  */
* html .downloads-sidebar { margin-top:-950px;}

.downloads-sidebar h2{ color:#252525; font-size:1.1em; margin-bottom:-5px; padding-top:27px;}

.downloads-sidebar li {     
  padding:2px 20px 0 35px;
  height:20px;
  text-decoration:none;
  list-style-type:none;
  font-size:1.2em;
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/pdf-icon.png);
	background-repeat: no-repeat;
	background-position: left;
	}				
	
.downloads-sidebar ul a{  color:#2c8fd3; }	
.downloads-sidebar img{  margin-bottom:0; }
.downloads-sidebar p{  font-size:0.8em; }	
	


.features-sidebar h2{ color:#252525; font-size:1.1em; margin-bottom:-5px;}

.features-sidebar li {     
  padding:2px 20px 0 25px;
  height:20px;
  text-decoration:none;
  list-style-type:none;
  font-size:1.2em;
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/link.png);
	background-repeat: no-repeat;
	background-position: left;
	}				
	
.features-sidebar ul a{  color:#2c8fd3; }	

.features-sidebar-tests {  		
	float: right;
	width: 260px;
	padding: 10px 10px 0 10px;
	margin: 0 0 10px 0;
	font-size: 1.1em;
	line-height:1.4em;
	border-left:1px solid #ccc;		
}

.features-sidebar-tests li {     
  padding:2px 20px 0 35px;
  height:20px;
  text-decoration:none;
  list-style-type:none;
  font-size:1.2em;
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/link-grey.png);
	background-repeat: no-repeat;
	background-position: left;
	}				
	
.features-sidebar-tests ul a{  color:#2c8fd3; }

.eco {     
	float: left;
	width: 620px;
	height:550px;
	padding: 10px 30px 20px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	}


  a.ecoimg { display:block; height:100px; width:600px; 
    background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/bono-carbono.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	    text-decoration: none; 
		}
		
 a.ecoimg:hover { 
background-position: 0 -100px;
	    text-decoration: none; 
		}
		
.eco-impact {     
	float: left;
	width: 630px;
	margin: 0 0 0 40px;
	//margin-top:10px;
	//margin-bottom:20px;
	}
	
	/* selector ie6  */
* html .eco-impact  { margin-bottom:-10px;width:530px;}

ul.eco-col-left {     
float:left;width:240px;height:100px;
	}

/* selector ie6  */
* html ul.eco-col-left  { margin-left:0px;display:inline;}
	
ul.eco-col-right {     
float:left;width:360px;height:100px;
	}
	
/* selector ie6  */
* html ul.eco-col-right  { margin-left:250px; margin-top:-100px;display:inline;width:250px;}
	
.eco li{     
  padding:0 20px 0 5px;
  height:15px;
  text-decoration:none;
  list-style-type:disc;
  	line-height:1em;
	}
			
.eco h2{ color:#252525; font-size:1.1em; margin-bottom:-5px; padding-left:30px; padding-right: 5px; text-align:left;}
.eco h3{ color:#252525; font-size:1.1em; margin-bottom:-10px;}
.eco p{ padding-left:30px;float:none;}
.eco img{ padding-left:0;margin-top:5px;}

.eco a{ color:#2c8fd3; }	

.savings {     
	float: left;
	width: 620px;
	height:720px;
	padding: 10px 30px 20px 0;
	margin: 0 0 0 0;
	font-size: 1.2em;
	line-height:1.4em;
	//height:740px;

	}
	
	.savings h2{ color:#252525; font-size:1.1em; margin-bottom:-5px;}
	.savings h3{ color:#252525; font-size:1.1em; margin-bottom:-10px;}
	.savings a{ color:#2c8fd3; }	
		.savings img{ margin:15px 0 15px 0; }	

.savings-dubai {     
	float: left;
	width: 620px;
	margin: 0 0 0 0;
	}
	
	.savings-dubai-pic {     
	float: right;
	width: 150px;
	margin: 0 0 0 0;
	border-left:1px solid #ddd;
	padding:10px 0 0 30px;
	}
	
	.savings-dubai-ul {     
	float: left;
	width: 400px;
	margin: 0 0 0 0;
	}
	
.savings li {     
	padding:1px 0 8px 5px;
	text-decoration:none;
	list-style-type:disc;
	font-weight:bold;
}

.savings-block-1 {     
	float: left;
	width: 260px;
	height:150px;
	padding: 0 20px 0 0;
	margin: 0 0 30px 0;
	text-align:left;
	border-right: 1px solid #ddd;
	}

.savings-block-2 {     
	float: left;
	width: 250px;
	height:150px;
	padding: 0 0 0 30px;
	margin: 0 0 30px 0;
	text-align:left;
	}

.savings-block-2 img{ padding-top:15px;}
			
.features-sidebar-savings {  		
	float: right;
	width: 260px;
	padding: 10px 10px 0 10px;
	margin: 0 0 10px 0;
	font-size: 1.1em;
	line-height:1.4em;
	border-left:1px solid #ccc;		
}

.features-sidebar-savings li {     
  padding:2px 20px 0 35px;
  height:20px;
  text-decoration:none;
  list-style-type:none;
  font-size:1.2em;
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/link-grey.png);
	background-repeat: no-repeat;
	background-position: left;
	}						
	
.features-sidebar-savings ul a{  color:#2c8fd3; }	

.calculator {     
	float: left;
	width: 440px;
	padding:0;
	margin: 0;
	font-size: 1.1em;
	text-align:left;
		}	
		
	
 .calculator img{padding-right:15px; float:left; vertical-align:text-bottom;margin-top:-4px;}

 .calculator input {background-color:#fff;border:1px solid #ccc;padding:5px;margin:-22px 0 0 5px;float:right;font-size: 1.1em;font-weight:bold;}
 
 .calculator input#button {background-color:#2c8fd3;border:1px solid #ccc;padding:5px;margin:-25px 0 0 50px;color:#fff;border:none;}
 .calculator input#month {color:#33bbb7;border:none;padding:5px;margin:-25px 0 0 50px;}
 
  .calculator input#ans3 {color:#33bbb7;border:none;padding:5px;margin:-25px 0 0 110px;float:left;}

 .calculator input#ans4 {color:#33bbb7;border:none;padding:5px;margin:-41px 0 0 180px;float:left;}
  
 .calculator label{float: left;margin:0;padding:0;}
 
  fieldset {border:none;margin:0;padding:0;height:50px;}
 

.form-order {     
	float: left;
	width: 440px;
	padding:0;
	margin: 0;
	font-size: 1.1em;
	text-align:left;
		}	

.test-country {     
	float: left;
	width: 650px;
	padding: 10px 10px 20px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	}

.test-country h3{ color:#252525; font-size:1.1em; margin-bottom:0;}	
.test-country h4{ color:#33bbb7; font-size:1.1em; margin-bottom:-20px;}	

.about {     
	float: left;
	width: 600px;
	height:740px;
	padding: 10px 30px 20px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	text-align:left;
	}

	 p.about-email{ color:#666666; font-size:1em;padding-left:20px;}
	 p.about-email a{ color:#2c8fd3; font-size:0.9em; margin:0; text-decoration:none;}
	 p.about-email a:hover{ color:#2c8fd3; font-size:0.9em; margin:0; text-decoration:underline;}
	 
	.about h2{ color:#252525; font-size:1.1em; margin-bottom:-5px;}
	.about h3{ color:#33bbb7; font-size:1.1em;margin-top:20px;}
		
	.about ul{ padding:0 35px 0 35px; }
	
	 	/* selector ie6  */
* html .about ul { list-style-type:none;margin-left:-20px;}	 


.about-sidebar {  		
	float: right;
	width: 260px;
	padding: 10px 10px 15px 10px;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	border-left:1px solid #ccc;
	text-align:left;		
}

.technical-info {     
	float: left;
	width: 600px;
	height:800px;
	padding: 10px 30px 20px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	text-align:left;
	}
	
	.technical-info h2{ color:#252525; font-size:1.1em; margin-bottom:-5px;}
	.technical-info h3{ color:#33bbb7; font-size:1.1em; margin-bottom:-10px;margin-top:20px;height:18px;}
	.technical-info a{ color:#2c8fd3; }
	.technical-info img{ padding-left:0; margin-top:0; }

.tech-test {     
	float: right;
	width: 690px;
	height:260px;
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	font-size: 1em;
	line-height:1em;
	text-align:left;
	}
	
	/* selector ie6  */
* html .tech-test { width:400px; text-align:left; display:block;position:relative;float:left;}	

.tech-test p{ padding-left:18px;}

	.technical-info ul a{  color:#2c8fd3; }	
	.technical-info ul {  margin:15px 0 0 -30px; }	
	
/* selector ie6  */
* html 	.technical-info ul  { padding-left:80px;display:inline;}	

	.technical-info li {     
		  padding:1px 0 5px 25px;
		  height:17px;
		  text-decoration:none;
		  list-style-type:none;
		  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/ok-green.png);
			background-repeat: no-repeat;
			background-position: left;
			font-weight:normal;
		}	
		
	.technical-info ol.tech-application a{  color:#2c8fd3; }	
	.technical-info ul.tech-application {  margin:15px 0 15px 0; }	
	.technical-info li.tech-application-list {     
		  padding:1px 0 5px 25px;
		  text-decoration:none;
		  list-style-type:none;
		  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/link-transparent.png);
			background-repeat: no-repeat;
			background-position: top left;
			font-weight:normal;
		}	

.tech-application-div {     
	float: left;
	width: 620px;
	margin: 0 0 0 0;
	}
	
	.tech-application-pic {     
	float: right;
	width: 110px;
	margin: -30px -20px -20px 0;
	}
	
	.tech-application-ul {     
	float: left;
	width: 500px;
	margin: 0 0 0 0;
	}
	
	.guarantee-technical {     
	float: left;
	width: 920px;
	margin: 30px 0 0 0;
	}
	
	.guarantee-technical h2{ color:#252525; font-size:1.1em; margin-bottom:-5px;}	
	.guarantee-technical h4{ color:#33bbb7; font-size:1.1em; margin-bottom:-10px;margin-top:20px;}	
	.guarantee a{ color:#2c8fd3; }
	
.faq {     
	float: left;
	width: 650px;
	padding: 0 10px 0 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	text-align:left;
	}

.faq h2{ color:#252525; font-size:1.1em; margin:0;font-weight:normal;}
.faq h3{ font-size:1.1em; padding-top:35px;margin-top:0;color:#2c8fd3;}
.faq a{ color:#2c8fd3; }

.faq ul{}

.faq ul li{
   	padding:0 0 5px 5px;
	text-decoration:none;
	list-style-type:disc;
	font-weight:normal;
	line-height:0.8em;
}

.faq-questions {     
	float: left;
	width: 650px;
	padding: 0 10px 20px 0;
	margin:0 0 0 0;
	font-size: 1em;
	line-height:1.2em;
	text-align:left;
	border-bottom:1px solid #ddd;
	}

.faq-questions h2 a{ color:#2c8fd3;text-decoration:none;}
.faq-questions h2 a:hover{ color:#2c8fd3; text-decoration:underline;}
.faq-questions h2 a:visited{ color:#a188cb;}


.faq-answers {     
	float: left;
	width: 650px;
	padding: 0 10px 0 0;
	margin:0 0 0 0;
	font-size: 1em;
	line-height:1.2em;
	text-align:left;
	//margin-top:-40px;
	}

.faq-answers h3 {
	//display:block;
	//margin-top:41px;
 }

.up {     
	float: left;
	width: 40px;
	height: 21px;
	padding:0;
	margin: 0 0 0 0;
	font-size:small;
	text-align:center;
	border-top:1px solid #ddd;
	}
	
.up a{ color:#ddd;text-decoration:none;}
.up a:hover{ color:#a2a0a1;text-decoration:none;}
	
.box-studies {     
	float: left;
	width: 950px;
	height:730px;
	padding: 10px 0 10px 0;
	margin: 0 0 10px 0;
	font-size: 1.1em;
	line-height:1.4em;
	background-color:#fff;
	z-index:99;
	}	
	
.box-studies img{ width: 290px;}	

.box-studies h2{ color:#252525; font-size:1em; margin-bottom:-10px;line-height:1.1em;}	
.box-studies p{ color:#777475; font-size:0.8em; line-height:1.2em;}	

.box-studies a {color:#2c8fd3;}      /* link */

p.date {font-size:x-small;color:#33bbb7;padding-top:4px;
//margin-top:8px;
//margin-bottom:0;
}

.box-studies-japan {     
	float: left;
	width: 290px;
	height:720px;
	padding: 0 19px 0 0;
	margin: -10px 20px 0 0;
	font-size: 1.2em;
	line-height:1.8em;
	text-align:left;
	border-right:1px solid #ddd;
		}	
		
.box-studies-japan-rollover {     
	float: left;
	width: 290px;
	height:720px;
	padding: 0 19px 0 0;
	margin: -10px 20px 0 0;
	font-size: 1.2em;
	line-height:1.8em;
	text-align:left;
	border-right:1px solid #ddd;
		background-color:#FFFFFF;
			  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/bg-case-studies.png);
			  background-repeat:no-repeat;
			  background-position:top left;
			  	/* opacidade 
				opacity:0.9;
	filter:alpha(opacity=90);*/
		}	
		
.box-studies-japan-photo {float:left;margin-top:10px; width:290px; height:150px;position:absolute; text-align:left;
//position:relative;
//height:20px;
}

/* selector ie6  */
* html .box-studies-japan-photo { margin-bottom:-120px;}

.box-studies-japan-content {float:left;margin-top:140px; width:290px;height:230px;}
.box-studies-japan-graph {float:left;margin-top:0;margin-bottom:20px;  width:290px;height:240px;}


.box-studies-thailand {     
	float: left;
	width: 290px;
	height:720px;
	padding: 0 19px 0 0;
	margin: -10px 20px 0 0;
	font-size: 1.2em;
	line-height:1.8em;
	text-align:left;
	border-right:1px solid #ddd;
		}	

.box-studies-thailand-rollover {     
	float: left;
	width: 290px;
	height:720px;
	padding: 0 19px 0 0;
	margin: -10px 20px 0 0;
	font-size: 1.2em;
	line-height:1.8em;
	text-align:left;
	border-right:1px solid #ddd;
		background-color:#FFFFFF;
			  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/bg-case-studies.png);
			  background-repeat:no-repeat;
			  background-position:top left;
		}	
		
.box-studies-thailand-photo {float:left;margin-top:10px; width:290px; height:150px;position:absolute; text-align:left;
//position:relative;
//height:20px;
}

/* selector ie6  */
* html .box-studies-thailand-photo { margin-bottom:-120px;}

.box-studies-thailand-content {float:left;margin-top:140px; width:290px;height:230px;}
.box-studies-thailand-graph {float:left;margin-top:0;margin-bottom:20px;  width:290px;height:240px;}

.box-studies-kuwait {     
	float: left;
	width: 290px;
	height:720px;
	padding: 0;
	margin: -10px 0 0 0;
	font-size: 1.2em;
	line-height:1.8em;
	text-align:left;
		}	

.box-studies-kuwait-rollover {     
	float: left;
	width: 290px;
	height:720px;
	padding: 0;
	margin: -10px 0 0 0;
	font-size: 1.2em;
	line-height:1.8em;
	text-align:left;
	background-color:#FFFFFF;
			  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/bg-case-studies.png);
			  background-repeat:no-repeat;
			  background-position:top left;
		}	
.box-studies-kuwait-photo {float:left;margin-top:10px; width:290px; height:150px;position:absolute; text-align:left;
//position:relative;
//height:20px;
}

/* selector ie6  */
* html .box-studies-kuwait-photo { margin-bottom:-120px;}

.box-studies-kuwait-content {float:left;margin-top:140px; width:290px;height:230px;}
.box-studies-kuwait-graph {float:left;margin-top:0;margin-bottom:20px; width:290px;height:240px;}

.box-page-industries {     
	float: left;
	width: 950px;
	height:385px;
	padding: 20px 0 10px 0;
	margin: 0 0 10px 0;
	font-size: 1.1em;
	line-height:1.4em;
	text-align:left;
	display:block;
	//margin-top:-20px;
	//height:410px;
	}
	
		/* selectores ie8 */
html>/**/body .box-page-industries {padding-bottom:30px;}
	
		/* hack safari-chrome */
	body:nth-of-type(1) .box-page-industries{
	height:410px;
	 }	  	
	
.box-page-industries img{padding:10px; max-width:130px; text-align:left; display:block;}	

.box-page-industries h2{ color:#252525; font-size:1em; margin-bottom:-10px;line-height:1.1em;}	
.box-page-industries p{ color:#777475; font-size:0.8em; line-height:1.2em;}	

/* hack firefox 3  */
	html>/**/body .box-page-industries p, x:-moz-any-link, x-default {
	font-size:0.88em; line-height:1.1em;
	}	
	
.box-page-industries a {color:#2c8fd3;}      /* link */	

.box-page-industries-left {     
	float: left;
	width: 454px;
	height:140px;
	padding: 0 20px 0 0;
	margin: 0 20px 20px 0;
	font-size: 1.2em;
	line-height:1.8em;
	text-align:left;
	background-color:#fff;
	 display:block;
		}

/*  .box-page-industries-left-rollover {     
	float: left;
	width: 454px;
	height:120px;
	padding: 10px 20px 0 0;
	margin: -20px 20px 20px 0;
	font-size: 1.2em;
	line-height:1.8em;
	text-align:left;
	background-color:#e8effb;
		}	*/
		
/* hack firefox 3  */
	html>/**/body .box-page-industries-left-rollover, x:-moz-any-link, x-default {
	height:126px;
	}	
		
.box-page-industries-left-photo {float:left;margin-top:0; margin-left:0;width:150px; height:110px; text-align:left; background-color:#e8effb; display:block; position:absolute;
//position:relative;
}

	/* selectores ie8 */
html>/**/body .box-page-industries-left-photo {margin-top:-20px;}

	/* hack safari-chrome */
	body:nth-of-type(1) .box-page-industries-left-photo{
	margin-top:-15px;
	 }	  	
	 
.box-page-industries-left-content {float:left;margin-left:170px; margin-top:-33px;width:285px;
//position:relative;
//margin-top:-123px;
 }

/* selector ie6  */
* html .box-page-industries-left-content  {
text-align:left;margin-left:90px; margin-top:-171px;width:285px;display:block; position:relative;
}

/* selector ie6  */
* html .box-page-industries-right-content  {
text-align:left;margin-left:330px; margin-top:-191px;width:285px;display:block; position:relative;
}

/* selector ie6  */
* html .box-page-industries-right-photo  {
text-align:left;margin-left:240px; margin-top:-178px;display:block; position:relative; background-color:#e8effb; 
}

/* hack firefox 3  */
	html>/**/body .box-page-industries-left-photo, x:-moz-any-link, x-default {
	margin-top:-20px;
	}	
	
.box-page-industries-right {     
	float: left;
	width: 455px;
	height:140px;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	font-size: 1.2em;
	line-height:1.8em;
	text-align:left;
	background-color:#fff;
	 display:block;
		}	

/* hack firefox 3  */
	html>/**/body .box-page-industries-right-rollover, x:-moz-any-link, x-default {
	height:124px;
	}	
	
/*   .box-page-industries-right-rollover {     
	float: left;
	width: 455px;
	height:120px;
	padding: 10px 0 0 0;
	margin: -20px 0 20px 0;
	font-size: 1.2em;
	line-height:1.8em;
	text-align:left;
	background-color:#e8effb;
		}	*/
.box-page-industries-right-photo {float:left;margin-top:0; margin-left:0; width:150px; height:110px; text-align:left; background-color:#e8effb; display:block; position:absolute;
//position:relative;
}

	/* selectores ie8 */
html>/**/body .box-page-industries-right-photo {margin-top:-20px;}

	/* hack safari-chrome */
	body:nth-of-type(1) .box-page-industries-right-photo{
	margin-top:-15px;
	 }	  	
	 
.box-page-industries-right-content {float:left;margin-left:170px; margin-top:-33px;width:285px; display:block;
//position:relative;
//margin-top:-123px;
 }

/* hack firefox 3  */
	html>/**/body .box-page-industries-right-photo, x:-moz-any-link, x-default {
	margin-top:-20px;
	}	
	
.micetype {     
	float: left;
	width: 680px;
	margin:20px 0 0 147px;
	padding: 0;
	font-size: 1em;
	text-align:left;
	border-top:1px solid #ddd;
	font-weight:bold;
	//height:120px;
	}	
	
/* selector ie6  */
* html .micetype  {
margin-left:80px;height:110px;padding-top:10px;}	
	
.micetype ul{
	background-color:#ffffff;
}

.micetype li {
  display: inline-block;
  float: left;
  margin-right: 0;
  background-position: left; 
  padding:0;
  cursor:pointer;
  color:#FFFFFF;
  list-style-type: none;
}

.micetype ul li a {
  display: inline-block;
  float: left;
  margin-right: 5px;
  background-color:#33bbb7;
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/bt-micetype.png);
  background-repeat: no-repeat;
  background-position: left; 
  padding:8px 24px 7px 40px;
  cursor:pointer;
  color:#FFFFFF;
  list-style-type: none;
}

.micetype ul li a:hover {	
  text-decoration:none; 
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/bt-micetype-hover.png);
  background-repeat: repeat;
  background-position:left;
}



.box-features {     
	float: left;
	width: 950px;
	height:210px;
	padding: 10px 0 10px 0;
	margin: -15px 0 10px 0;
	font-size: 1.1em;
	line-height:1.4em;
	background-color:#fff;
	//margin-top: 0px;
	}	
	
.box-features h2{ color:#252525; font-size:1.1em;}	
.box-features p{ color:#777475; font-size:0.9em; line-height:1.1em;}	
	
.box-4-a {     
	float: left;
	width: 270px;
	height:210px;
	padding: 10px 20px 10px 20px;
	margin: -10px 10px 0 0;
	font-size: 1.2em;
	background-color:#e8effb;
	cursor:pointer;
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/insulation.png);
  background-repeat: no-repeat;
  background-position:bottom;
  }	
  
.box-4-a h2{ color:#252525; font-size:1.1em;margin:-16px 0 -8px 0;}
.box-4-a p{ text-align:left;color:#777475; font-size:0.8em; line-height:1.2em;}	

.box-4-a a {
  display:block;
  width: 310px;
  height:230px;
  text-decoration:none;
  position:absolute;color:#252525;
  margin: -10px 10px 0 -20px;
}

.box-4-a a:hover {	
  text-decoration:none; 
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/tile-hover.png);
  background-repeat: repeat;
  background-position:left;
}

				
.box-4-b {     
	float: left;
	width: 270px;
	height:210px;
	padding: 10px 20px 10px 20px;
	margin: -10px 10px 0 0;
	font-size: 1.2em;
	background-color:#e8effb;
		cursor:pointer;
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/savings.png);
  background-repeat: no-repeat;
  background-position:bottom;
	}	
.box-4-b h2{ color:#252525; font-size:1.1em;margin:-16px 0 -8px 0;}
.box-4-b p{ text-align:left;color:#777475; font-size:0.8em; line-height:1.2em;}	

.box-4-b a {
  display:block;
  width: 310px;
  height:230px;
  text-decoration:none;
  position:absolute;color:#252525;
  margin: -10px 10px 0 -20px;
}

.box-4-b a:hover {	
  text-decoration:none; 
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/tile-hover.png);
  background-repeat: repeat;
  background-position:left;
}

.box-4-c {     
	float: left;
	width: 270px;
	height:210px;
	padding: 10px 20px 10px 20px;
	margin: -10px 0 0 0;
	font-size: 1.2em;
	background-color:#e8effb;
		cursor:pointer;
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/eco.png);
  background-repeat: no-repeat;
  background-position:bottom;
	}	
.box-4-c h2{ color:#252525; font-size:1.1em;margin:-16px 0 -8px 0;}
.box-4-c p{ text-align:left;color:#777475; font-size:0.8em; line-height:1.2em;}	

.box-4-c a {
  display:block;
  width: 310px;
  height:230px;
  text-decoration:none;
  position:absolute;color:#252525;
  margin: -10px 10px 0 -20px;
}

.box-4-c a:hover {	
  text-decoration:none; 
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/tile-hover.png);
  background-repeat: repeat;
  background-position:left;
}


.box-4-a-top{float:left;margin-top:0; width:270px; height:200px;position:absolute; text-align:left;}
.box-4-b-top{float:left;margin-top:0; width:270px; height:200px;position:absolute; text-align:left;}
.box-4-c-top{float:left;margin-top:0; width:270px; height:200px;position:absolute; text-align:left;}

.box-4-a-bottom{float:left;margin-top:80px; width:270px; height:120px; position:absolute;}
.box-4-b-bottom{float:left;margin-top:80px; width:270px; height:120px; position:absolute;}
.box-4-c-bottom{float:left;margin-top:80px; width:270px; height:120px; position:absolute;}

.box-industries {     
	float: left;
	width: 950px;
	height:108px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	background-color:#e8effb;
	}
.box-industries img{ margin-top:0; }

/* selector ie6  */
* html .box-industries img  {
margin-right:-30px;}
	
/* Old Industrues box on home 

.box-industry { 
	float: left;
	padding:0 35px 10px 0;
	height:139px;
	font-weight:bold;
	color:#33bbb7;
	font-size:11px;
	min-width:140px;
	max-width:200px;
	text-align:left;
	line-height:11px;	
	}	
	
.box-industry-last { 
	float: left;
	padding:0 0 10px 0;
	height:139px;
	font-weight:bold;
	color:#33bbb7;
	font-size:11px;
	width:70px;
	text-align:left;
	line-height:11px;
	margin-left:-40px;
	}	
*/
.box-industry-warehouse { 
	float: left;
	padding:0 0 0 0;
	height:108px;
	font-weight:bold;
	color:#33bbb7;
	font-size:11px;
	width:109px;
	text-align:left;
	line-height:11px;
	width:153px;	
	}	

.box-industry-truck { 
	float: left;
	padding:0 0 0 0;
	height:108px;
	font-weight:bold;
	color:#33bbb7;
	font-size:11px;
	width:146px;
	text-align:left;
	line-height:11px;
	width:198px;	
	}	

.box-industry-ship { 
	float: left;
	padding:0 0 0 0;
	height:108px;
	font-weight:bold;
	color:#33bbb7;
	font-size:11px;
	width:129px;
	text-align:left;
	line-height:11px;
	width:171px;
	}	

.box-industry-pipe { 
	float: left;
	padding:0 0 0 0;
	height:108px;
	font-weight:bold;
	color:#33bbb7;
	font-size:11px;
	width:129px;
	text-align:left;
	line-height:11px;	
	width:171px;
	}	

.box-industry-farm { 
	float: left;
	padding:0 0 0 0;
	height:108px;
	font-weight:bold;
	color:#33bbb7;
	font-size:11px;
	width:105px;
	text-align:left;
	line-height:11px;	
	width:144px;
	}	

.box-industry-telecom { 
	float: left;
	padding:0 0 0 0;
	height:108px;
	font-weight:bold;
	color:#33bbb7;
	font-size:11px;
	width:70px;
	text-align:left;
	line-height:11px;
	width:113px;
	}		
									
.box-industry img{     
	float: left;
	vertical-align:bottom;
	height:139px;
	padding-top:10px;
	}	
	
	.box-industry-last img{     
	float: left;
	vertical-align:bottom;
	height:139px;
	padding-top:10px;
	}	
					
.contact {     
	float: left;
	width: 600px;
	height:450px;
	padding: 10px 0 20px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	text-align:left;
	//height:460px; /* selectores ie7 */
	}					

			/* selectores ie8 */
html>/**/body .contact {height:460px;}
	
.contact h2{ color:#252525; font-size:1.1em; margin-bottom:-5px;}
.contact h3{ color:#252525; font-size:1.1em; margin-bottom:-10px;}	
.contact a{  color:#2c8fd3; }	
	

.get-in-touch {
	float: right;
	width: 260px;
	padding: 10px 10px 15px 10px;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	border-left:1px solid #ccc;
	text-align:left;		
	}
	
.get-in-touch h2{ color:#252525; font-size:1.1em; margin-bottom:-5px;}
.get-in-touch a{  color:#2c8fd3; }	


.contact-form {
background-color:#e8effb;
margin:-10px 0 0 0;
padding:10px;
width:530px;
float:left;
	}
	
.td-left{width:100%;color:#33bbb7;}
	
.contact-form input{
background-color:#fff;
border:none;
padding:4px 6px 6px 6px;
height:15px;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
width:400px;
color:#666;
float:right;
border:1px solid #ccc;
	}

.contact-form textarea{
background-color:#fff;
border:none;
padding:4px 6px 6px 6px;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
width:400px;
color:#666;
float:right;
border:1px solid #ccc;
resize: none;
	}

.submit input {
background-color:#33bbb7;
border:none;
padding:4px 6px 6px 6px;
height:30px;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
width:100px;
color:#fff;
float:right;
border:none;
	}
	
#footer {
  margin: 40px 0 70px 0; 
  width: 950px; 
  height:270px;
  font-size: 12px;
  float:left;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  color:#999999;
  //margin-top:-40px;
}
					
#footer h2{font-size:1.2em; color:#999999;padding-bottom:10px;}
#footer p{font-size:1.2em; color:#999999;}
					
.footer-clients {     
	float: left;
	width: 310px;
	height:225px;
	padding: 15px 0 10px 0;
	margin: 0 15px 0 0;
	font-size: 1em;
	line-height:1.4em;
	color:#999999;
		}
		
.footer-clients-logos {     
	float: left;
	width: 315px;
	height:215px;
	margin: 0 0 0 0;
	font-size: 1em;
	line-height:1em;
	overflow:scroll; 
	overflow-x:hidden;
	padding: 1px;
	position:absolute;
	text-align:left;
		}
			
.footer-clients table{
	float: left;
	font-size: 1em;
	line-height:1.1em;
	margin:0;
	} 
	
/* hack firefox 3  */
	html>/**/body .footer-clients table, x:-moz-any-link, x-default {
	line-height:1.5em;
	}		
			
.footer-clients img{ margin-top:0; padding-bottom:5px;}	
.footer-clients a:hover{ opacity:0.7;filter:alpha(opacity=70);}	


			
.footer-surfaces {     
	float: left;
	width: 280px;
	height:230px;
	padding: 10px 0 10px 25px;
	margin: 0 10px 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	color:#999999;
	}

.footer-surfaces h2{  color:#999999; }	
.footer-surfaces ul a{  color:#2c8fd3; }	
.footer-surfaces ul {  margin:5px 0 0 -30px;color:#999999;
//margin-left:10px;
//width:280px;
 }	
.footer-surfaces li {     
  padding:4px 0 5px 25px;
  height:17px;
  text-decoration:none;
  list-style-type:none;
  background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/link-footer.png);
	background-repeat: no-repeat;
	background-position: left;
	font-weight:normal;
	color:#999999;
	}	
	
.footer-media {     
	float: left;
	width: 310px;
	height:230px;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	}
	
	/* selector ie6  */
* html .footer-media { width: 300px;}
	
.footer-media-links {     
	float: left;
	width: 310px;
	height:215px;
	margin: 0 0 0 0;
	font-size: 1.02em;
	line-height:1.41em;
	overflow:scroll; 
	overflow-x:hidden;
	padding: 1px;
	position:absolute;
	}

/* hack firefox 3 pc  */
	html>/**/body .footer-media-links, x:-moz-any-link, x-default {
	line-height:1em;
	}		
	
/* hack safari-chrome */
	body:nth-of-type(1) .footer-media-links{
	line-height:1em;}	
		
/* hack safari */
	html*.footer-media-links {
	line-height:1em;
	}	

.footer-media-links small{     
color:#999;
text-decoration:none;
height:26px;
	}
	
.footer-media-links img{     
	float: right;
	border:1px solid #ccc;
	vertical-align:top;
	margin-top:0;
	height:26px;
	width:26px;
	display:block;
	text-align:left;
	//margin-top:-34px;
	}	
	
			/* selectores ie8 */
html>/**/body .footer-media-links img {margin-top:-12px;}

	/* hack safari-chrome */
	body:nth-of-type(1) .footer-media-links img{
	margin-top:-10px;
	 }	  	

/* hack firefox 3 pc  */
	html>/**/body .footer-media-links img, x:-moz-any-link, x-default {
	margin-top:-35px;
	}		
				
.footer-media a{ color:#2c8fd3; }	
					
.box-4-left {     
	float: left;
	width: 460px;
	padding: 30px 10px 20px 0;
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height:1.4em;
	}	

.box-4-right {  
	float: right;
	width: 460px;
	padding: 30px 0 20px 10px;
	margin: 0 0 0 0;
		font-size: 1.1em;
	line-height:1.4em;
	}		
	
.box-2-left {     
	float: left;
	width: 660px;
	padding: 30px 10px 20px 0;
	margin: 0 0 0 0;
		font-size: 1.1em;
	line-height:1.4em;
	}	

.box-2-right {  
	float: right;
	width: 260px;
	padding: 30px 0 20px 10px;
	margin: 0 0 0 0;
		font-size: 1.1em;
	line-height:1.4em;
	}	

/* LANGUAGES MENU ON TOP */

.lang-menu{
  margin: -36px 0 -20px 0; 
  width: 360px; 
  font-size: 1.2em;
  float:right;
  }

/* selector ie6  */
* html .lang-menu  { margin-top:0px;clear:both;height:30px;}
  
.lang-menu ul li{
  display: inline;
  float: right;
  margin: 0; /* cambiar este margen para aumentar la separación entre las opciones de 1er nivel */
  padding:0 0 0 1px;
  //margin-top:10px;
}

/* First level style for links*/
.lang-menu ul li a{
  display:block;
  padding:5px 15px;
  text-decoration:none;
  cursor:pointer;
   color: #fff; 
   background-color:#777;
}

.lang-menu ul li a:hover{
  color:#fff;
     background-color:#2c8fd3;
	 text-decoration:none;
}

.lang-menu li ul{
  display: none;
  position: absolute;
}

.lang-menu li:hover ul{
  display: block;
}

/* roll over colours */
.lang-menu li:hover{
}

/* LOGO */

.logo{
	width:116px;
	height:40px;
	margin:0;
}

/* HORIZONTAL MAIN MENU ON TOP OLD
.main-menu{
  margin: 20px 0 0 -55px; 
  width: 1024px; 
  height:40px;
  font-size: 1.4em;
  } */

.main-menu{
  margin: 10px 0 -10px -15px; 
  width: 950px; 
  height:40px;
  font-size: 1.4em;
  }

.main-menu ul li{
  display: inline;
  float: left;
  margin: 0;
}

/* First level style for links*/
.main-menu ul li a{
  display:block;
  padding:0 15px 0 14px;
  text-decoration:none;
  cursor:pointer;
  color: #777475;
  font-size:1.2em;
}

.main-menu ul li a:hover{
  color: #2c8fd3;
}




/* CALL TO ACTION ON MAIN MENU

#order-now {
color:#fff; background-color:#da0c70; height:26px; margin-right:3px; padding-top:10px; margin-top:-9px;
}

#contact-us {
color:#fff; background-color:#2c8fd3; height:26px; margin-right:3px; padding-top:10px; margin-top:-9px;
}

#order-now a{
color:#fff;
}

#contact-us a{
color:#fff;
}

#order-now a:hover{
  display:block;
  padding:10px 15px 0 14px;
  text-decoration:none;
  cursor:pointer;
  color: #fff;
  font-size:1.2em;
  background-color:#f68dc2;
  height:26px;
  margin-top:-10px;
  float:left;
    }
 
   
#contact-us a:hover{
  display:block;
  padding:10px 15px 0 14px;
  text-decoration:none;
  cursor:pointer;
  color: #fff;
  font-size:1.2em;
  background-color:#79b5e4;
  height:26px;
  margin-top:-10px;
    float:left;
  }
*/

/* HORIZONTAL FOOTER MENU ON TOP */

.footer-menu{
  margin: 0 0 0 -50px; 
  width: 950px; 
  height:15px;
  font-size: 1em;
  z-index:10;
  float:left;
  display:block;
  color:#999999;
  //margin-top:10px;
  //padding-bottom:45px;
  //margin-bottom:60px;
  //width: 650px; 
  }
    /* hack safari chrome 

body:nth-of-type(1) .footer-menu{
  margin-bottom:40px;
  }
  */
  
  /* hack safari */
	html*.footer-menu{
	margin-bottom:40px;
	}	

.footer-menu ul li{
  display: inline;
  float: left;
  height:15px;
  padding: 0 10px 0 0;
  margin: 20px 0 0 0; /* cambiar este margen para aumentar la separación entre las opciones de 1er nivel */
  color:#999999;
}

/* First level style for links*/
.footer-menu ul li a{
  display:block;
  padding:0 0 0 10px;
  text-decoration:none;
  cursor:pointer;
  color:#999999;
  }

.footer-menu ul li a:hover{
  height:15px;
  color:#2c8fd3;
}

/* selector ie6  */
* html .footer-menu ul li a:hover  {  display:inline;
  padding:0 0 0 10px;
  text-decoration:none;
  cursor:pointer;
  color: #999999;
  height:15px;}

.footer-menu li ul{
  display: none;
  position: absolute;
}

.footer-menu li:hover ul{
  display: block;
}

/* roll over colours */
.footer-menu li:hover{
}

.footer-social{
  margin: 14px 0 0 0; 
  width: 308px; 
  height:20px;
  font-size: 1em;
  z-index:11;
  float:right;
  display:block;
  vertical-align:middle;
  //padding-top:85px;
  visibility:hidden;
  }
  
/* hack safari */
	html*.footer-social{
	margin-top:-58px;
	visibility:hidden;
	}	
	
.footer-social-col1{
  margin: 3px 0 0 0; 
  width: 120px; 
  height:20px;
  font-size: 1em;
  z-index:11;
  float:left;
  display:block;
  visibility:hidden;
  }

.footer-social-col2{
  margin: 0 0 0 0; 
  width: 70px; 
  height:20px;
  font-size: 1em;
  z-index:11;
  float:left;
  display:block;
  visibility:hidden;
  }

.footer-social-col3{
  margin: 0 0 0 0; 
  width: 70px; 
  height:20px;
  font-size: 1em;
  z-index:11;
  float:left;
  display:block;
  visibility:hidden;
  }
        
.footer-social img{
  padding:  0 10px ;
  display:block;
  visibility:hidden;
  }

  a.twitterimg { display:block; height:20px; width:70px; 
    background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/twitter.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	    text-decoration: none; 
		}

 a.twitterimg:hover { 
background-position: 0 -20px;
	    text-decoration: none; 
		}

  a.youtubeimg { display:block; height:20px; width:70px; 
    background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/youtube.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	    text-decoration: none; 
		}

 a.youtubeimg:hover { 
background-position: 0 -20px;
	    text-decoration: none; 
		}
				 
 /*	 
	a.footer-social { 
	display:block; height:100px; width:600px; 
    background-image: url(http://planetsuprapaint.com/es/wp-content/uploads/carbon-offset-credit.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none; 
	}

 a.footer-social:hover { 
		background-position: 0 -100px;
	    text-decoration: none; 
		}
*/
  
.footer-social ul li{
  display: inline;
  float: left;
  height:15px;
  padding: 0 20px 0 0;
  margin: 20px 0 0 0; /* cambiar este margen para aumentar la separación entre las opciones de 1er nivel */
  visibility:hidden;
}

/* First level style for links*/
.footer-social ul li a{
  display:block;
  padding:0 0 0 20px;
  text-decoration:none;
  cursor:pointer;
  color: #666;
  visibility:hidden;
}

.footer-social ul li a:hover{
  height:15px;
  color:#2c8fd3;
  visibility:hidden;
}

.footer-social li ul{
  display: none;
  position: absolute;
  visibility:hidden;
}

.footer-social li:hover ul{
  display: block;
  visibility:hidden;
}

/* roll over colours */
.footer-social li:hover{
}



/* Begin Typography & Colors */
#content {
	font-size: 1.2em;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h1 {
	font-size: 2em;
		color:#333;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: left;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#777475;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color:#333;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #777475;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #a188cb;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font-size: 1.2em;
	resize: none;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Arial, Helvetica, sans-serif;
	}

.commentmetadata {
	font-weight: normal;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777475;
	}

code {
	font-size: 1.2em;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #777475;
	text-decoration: none;
	}

a:hover {
	color: #2c8fd3;
	text-decoration: underline;
	}
/* End Typography & Colors */


/*	Begin Headers */
h1 {
	padding-top: 0;
	margin: 0;
	}

h2 {
	margin: 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0;
	margin: 0;
	display: inline;
	}

img.alignleft {
	padding: 0;
	margin: 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 10px;
	list-style: none;
	text-indent: 0;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	background-color:#66FFFF;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	background-color:#009999
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	resize: none;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 10px 0 20px 10px;
	margin: 25px 0 0 680px;
	width: 260px;
	background-color:#e8effb;
	}
	
#sidebar form {
	margin: 0;
	}
/* End Sidebar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	background-color:#e8effb;
	padding:60px;
	margin-top:-200px;
	z-index:999;
	}

.center p{
	font-size:1.2em;
	}
	
.center a{
	color:#2c8fd3;
	text-decoration:none;
	}
	
.center a{
	color:#2c8fd3;
	text-decoration:underline;
	}
	
.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* Show-Hide FAQs */

h2.trigger {
	padding: 0 0 0 40px;
	margin: 0 0 0 0;
	background: url(h2_trigger_a.gif) no-repeat;
	height: 22px;
	line-height: 22px;
	width: 660px;
	font-weight: normal;
	float: left;
	text-align:left;
}
h2.trigger a {
	color:#2c8fd3;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
 	color:#2c8fd3;
	}
h2.trigger a:visited {
 	color:#2c8fd3;
	}	
h2.active {background-position: left bottom;color:#2c8fd3;}
.toggle_container {
	margin: 0 0 0 51px;
	padding: 5px 0 20px 0;
	overflow: hidden;
	width: 500px;
	clear: both;
	display:block;
	color:#999999;
	font-size:1.05em;
	line-height: 1.4em;
}
.toggle_container .block {
	padding: 0;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}
