/*
Theme Name: SCE ULTIMATE
Theme URI: http://extractoresdeaire.com/
Version: 1.0
Author: Bioxnet
Author URI: http://www.bioxnet.com
*/

/* =Basics
-------------------------------------------------------------- */

body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666; }
a { font-size: 12px; color: #666; }
	a:link { text-decoration: none; }
	a:visited { text-decoration: none; }
	a:hover { text-decoration: underline; color: #999; }
	a:active { text-decoration: none; }
iframe { background: #333; border: 1px solid #CCC; margin-bottom:15px; }
strong { font-weight: bold; }
p { margin-bottom: 15px; }

h1, h2, h2, h3, h4{
	text-transform: uppercase;}

h1 { font-size: 24px; font-family: 'Fjalla One', sans-serif; margin-bottom: 15px; }
h2 { font-size: 18px; font-family: 'Fjalla One', sans-serif; margin-bottom: 15px; }
h3 { font-size: 16px; font-family: 'Fjalla One', sans-serif; margin-bottom: 15px; }
h4 { font-size: 14px; font-family: 'Fjalla One', sans-serif; margin-bottom: 15px; }
#big-title { position: absolute; left: 20px; top: 154px; width: 561px; height: 93px; }
	#big-title h1 { font-size: 80px; color: #FFF; margin: 0; text-shadow: 1px 1px 1px #000; }
	#big-title h2 { font-size: 50px; color: #006; margin: 0; text-shadow: 1px 1px 1px #000; }
	#big-title h3 { color: #FFF; margin: 0; text-shadow: 1px 1px 1px #000; }
#big-title-page { position: absolute; left: 20px; bottom: 5px; width: 600px; height: 60px; }
	#big-title-page h1 { font-size: 30px; color: #FFF; margin: 0; text-shadow: 1px 1px 1px #000; }
#suppliers { position: absolute; left: 13px; top: 393px; width: 505px; height: 79px; background: url(images/logos.png) no-repeat; }
#suppliers-page { position: absolute; right: -130px; bottom: 10px; width: 505px; height: 79px; background: url(images/logos.png) no-repeat; }
.slideshow { position: absolute; right: 0; top: 138px; width: 520px; height: 300px; }
.width-full { position: relative; width: 100%; }
#header { position: relative; width: 990px; height: 500px; margin: auto; background: url(images/bg-header.png) no-repeat }
#header-page { position: relative; width: 990px; height: 300px; margin: auto; background: url(images/bg-header.png) no-repeat }
#header-page-contact { position: absolute; width: 990px; height: 450px; top: 0; left: 50%; margin-left: -495px; }
#nav { position: absolute; left: 0; top: 32px; width: 590px; padding-left: 396px; padding-top: 17px; height: 61px; background: url(images/bg-nav.jpg) repeat-x; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
#logo { position: absolute; left: 34px; top: -15px; width: 213px; height: 127px; }
.bg-header {  border-bottom: 1px solid #CCC; background: url(images/bg-sce.png) repeat; }
#search { position: absolute; left: 26px; top: 328px; width: 376px; height: 55px; background: url(images/search.png) no-repeat; }
#search-page { position: absolute; right: 5px; bottom: 100px; width: 376px; height: 55px; background: url(images/search.png) no-repeat; }
.list_carousel { width: 90%; padding: 20px 5%; }
	.list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
	.list_carousel li { width: 380px; height: 150px; padding: 0; margin: 6px; display: block; float: left; }
		.list_carousel li img { float: left; border: 1px solid #999; margin-right: 10px; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; }
	.list_carousel.responsive { width: auto; margin-left: 0; }
.prev { position: absolute; top: -10px; left: 300px; background: #000; padding: 4px; font-size: 14px; color: #FFF; }
.next { position: absolute; top: -10px; left: 330px; background: #000; padding: 4px; font-size: 14px; color: #FFF; }
.prev:hover, .next:hover { text-decoration: none; background: #666; }
.pager { float: left; width: 300px; text-align: center; }
	.pager a { margin: 0 5px; text-decoration: none; }
		.pager a.selected { text-decoration: underline; }
.timer { background-color: #fff; height: 6px; width: 0px; }
.clearfix { float: none; clear: both; }
#container-info { position: relative; width: 990px; margin: 25px auto; }
.bg-footer {  }
#footer { position: relative; width: 990px; padding: 10px; border-top: 1px solid #CCC; margin: auto; }
.nav-footer { margin: 25px 0 10px 5px; }
	.nav-footer li { float: left }
		.nav-footer li a { display: block; padding: 10px; }
#footer p { margin: 0; }
.floatleft { float: left }
.floatrig { float: right }
#home-left-info { width: 440px; padding: 0 20px; text-align: justify; line-height: 18px; }
#home-right-info { width: 440px; padding: 0 20px; text-align: justify; line-height: 18px; }
input#s { position: absolute; top: 5px; left: 5px; background: none; border: none; color: #999999; padding-top: 3px; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; height: 35px; margin: 0; width: 311px; }
#searchsubmit { position: absolute; top: 5px; right: 7px; width: 40px; height: 40px; background: none; border: none; cursor: pointer; }
.error { background-color: #fca7ab !important; border: 1px solid #F00 !important; }
#socials { position: absolute; right: 0; top: 15px; width: 95px; height: 27px; }
	#socials img { margin-right: 5px; }
#copyright { position: absolute; right: 4px; bottom: -15px; width: 250px; text-align: right; font-size: 11px; }
	#copyright a { font-size: 11px; }
#info { position: relative; width: 650px; min-height: 450px; margin: 10px; float: left; font-size: 13px; line-height: 18px; text-align: justify; }
#info-single { position: relative; width: 550px; min-height: 450px; margin: 10px; float: left; font-size: 13px; line-height: 18px; text-align: justify; }
#sidebar { position: relative; width: 258px; padding: 10px; margin: 10px 10px 10px 30px; float: left; font-size: 13px; line-height: 18px; background: #FAFAFA; border: 1px solid #F6F6F6; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#sidebar-single { position: relative; background: #FAFAFA; width: 358px; padding: 10px; margin: 10px 10px 10px 30px; float: left; font-size: 13px; line-height: 18px; border: 1px solid #F6F6F6; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#sidebar ul li { padding: 10px; }
	#sidebar ul li a { text-decoration: none; }
		#sidebar ul li a:hover { background: #F7F7F7 }
#sidebar ul ul { padding-left: 15px; }
.post { border-bottom: 1px solid #CCC; padding: 10px; }
	.post img { float: left; border: 1px solid #CCC; margin: 0 10px 10px 0 }
	.post h3 { text-transform: uppercase }
	
/* =Form Contact
-------------------------------------------------------------- */
form { margin: 0; padding-top: .5em; }
fieldset { margin: 0; padding: 0; border: none; }
legend { display: none; }
form-contact p { clear: both; margin: 0; padding: 8px 0; }
#form-contact label { float: left; width: 25%; margin-right: 10px; text-align: right !important }
#form-contact input.security { float: left; width: 40px; margin-right: 10px; }
#form-contact input, #form-contact textarea { width: 60%; border: 1px solid #333; background: #FFF; color: #333; padding: 5px; }
#form-contact select { width: 120px; border: 1px solid #333; background: #FFF; color: #333; padding: 5px; }
#form-contact textarea { height: 120px; overflow: auto; }
form-contact input[type=radio] { display: inline; width: 20px !important; margin-left: 150px; }
.button-message { border: none; padding: 5px 5px; margin: 0; float: right; background: #333; color: #fff; font-weight: bold; font-size: 13px; cursor: pointer; margin-right: 20px; max-width: 200px; }
#form-contact .error { background-color: #fca7ab !important; border: 1px solid #F00 !important; margin:10px; padding:5px; }
#form-contact .thanks { background-color: #f2ffe1 !important; border: 1px solid #bdcfa6 !important; margin:10px; padding:5px; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
	.wp-caption.alignnone { margin: 5px 20px 20px 0; }
	.wp-caption.alignleft { margin: 5px 20px 20px 0; }
	.wp-caption.alignright { margin: 5px 0 20px 20px; }
	.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
	.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* =Pagenavi
-------------------------------------------------------------- */
.wp-pagenavi { width: 100%; clear: both; text-align: center; color: #333; height: auto; margin: 5px auto; padding: 1.5em 0px 0.5em; }
.pages { border: none; color: #333 !important; }
.wp-pagenavi a { text-decoration: none; height: auto; width: auto; margin: 0 4px 0 4px; display: inline; color: #333; background: #f3f3f3; padding: 4px 8px; box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
	.wp-pagenavi a:hover { color: #000000; background-color: #CCCCCC; }
.wp-pagenavi span.pages { width: auto; position: relative; height: auto; color: #FFF; font-size: 13px; margin: 0px 3px 0px 0px; padding: 8px; }
.wp-pagenavi span.current { color: #4f70ab; width: auto; height: auto; margin: 0 4px 0 4px; background: #b1c8f1; padding: 4px 8px; box-shadow: 1px 1px 2px #999; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.wp-pagenavi span.extend { padding: 2px 4px 2px 4px; color: #000000; }

/************************************************************************************
Contact
*************************************************************************************/
form {margin: 10px 0;}
fieldset { margin: 0; padding: 0; border: none; }
legend {display: none;}
.contact_form div { clear: both; margin: 0; padding: 8px 0; }
.contact_form .red {color: #F00}
.contact_form label { float: left; width: 20%; margin-right: 10px; text-align: right !important }
.contact_form input.security { float: left; width: 40px; margin-right: 10px; }
.contact_form input, .contact_form textarea { width: 60%; background: #f7f7f7; border: 1px solid #CCC; color: #333; padding: 10px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.contact_form select { width: 200px; border: 1px solid #CCC; background: #f7f7f7; color: #333; padding: 5px; }
.contact_form textarea { height: 120px; overflow: auto; }
.contact_form input[type=radio] { display: inline; width: 20px !important; margin-left: 150px; }
.contact_form .submit-button { -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none; border: none; float: right; padding: 6px 10px; margin: 0; background: #111; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; margin-right: 160px; max-width: 100px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.zd_form_send { color: #4F8A10; background-color: #DFF2BF; display: inline-block; padding: 20px; text-align: center; margin: 10px auto; border: 1px solid #4F8A10; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 99; }
.zd_form_error { margin: 10px auto; background: #FFCCAA; border: 1px solid #FF3334; color: #333; display: inline-block; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 99; }
.message-error {margin: 0;}
	.message-error li { list-style: inside; padding: 0 4px; margin: 0 }