/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*
---------------------
MAIN
---------------------
*/
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333;background:#800000;}
h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif;}
#main{width:1000px;margin:0 auto;background:url(images/bg.png) repeat-y;}
.clear{clear:both;height:1px;font-size:1px;line-height:1px;zoom:1; width:100%;}
a{ text-decoration:none;}
/*
---------------------
HEADER
---------------------
*/
#header{ height:194px; display:block; background:url(images/header.png) no-repeat; position:relative; zoom:1;}
#header a#logo{width:250px; height:140px; display:block; position:absolute; top:15px; left:0;}
#header a#logo strong{visibility:hidden;}
img#facebook{position:absolute;right:10px;bottom:8px;}
/*
---------------------
HEADER
---------------------
*/
#sidebar{ width:250px; float:left;padding-left:5px;}

#sidebar ul{background:url(images/li-bg.png) no-repeat center top; text-align:center; width:230px; margin:0 auto; margin-bottom:50px; }
#sidebar ul li{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; height:40px; font-size:16px;color:#cc3300; line-height:40px; background:url(images/li-bg.png) no-repeat center bottom;}
#sidebar ul li a{color:#cc3300;}
#sidebar ul li a:hover{color:#FFF;}

#sidebar a.banner{margin:0 auto; text-align:center; display:block;}
/*
---------------------
CONTENT
---------------------
*/
.content{width:740px;float:left;padding-left:5px;}
.txt{line-height:1.6em;}
.txt p{margin-bottom:1.6em;}
/*
---------------------
HOME
---------------------
*/
#flash_banner{ width:740px; height:377px;}

/*
---------------------
LOCALES
---------------------
*/
#locales{background:url(images/local-bg.png) no-repeat;height:485px;padding:100px 0 0 40px;}
#locales .images{margin-top:15px;}
#locales .images img{float:left; margin:0 10px 10px 0;}


/*
---------------------
MARCAS
---------------------
*/
#marcas{background:url(images/marcas-bg.jpg) no-repeat;height:376px;}


/*
---------------------
NEWS
---------------------
*/
#news{background:url(images/txt-bg.png) repeat-y;padding:85px 0 40px 40px; position:relative;zoom:1;}
#news div.txt_top{background:url(images/contacto-bg.png) no-repeat;display:block;width:740px;height:85px; position:absolute; top:0; left:0;}
#news div.txt_bot{background:url(images/txt-bot.png) no-repeat;display:block;width:740px;height:34px; position:absolute; bottom:0; left:0;}
#news *{font-size:12px;}
#news table{border-collapse:collapse; width:100%;}
#news table td{padding:5px 0; vertical-align:text-top;}
#news table td label{display:block;line-height:1.6em;}
#news table td input,
#news table td textarea{width:50%; border:1px solid #ffcc99; padding:3px;}
#news table td textarea{height:70px;overflow:auto;}
#news table td input.field_error{background:#990000; color:#FFF; font-weight:bold;}
#news table td button{ padding:5px 10px;text-transform:uppercase;border:none; background:#d44d2f;font-weight:bold;color:#FFF;}
#news H1 {font-size:24px;}



/*
---------------------
BLOG
---------------------
*/
#blog{background:url(images/txt-bg.png) repeat-y;padding:85px 0 40px 40px; position:relative;zoom:1;}
#blog div.txt_top{background:url(images/blog-bg.png) no-repeat;display:block;width:740px;height:85px;position:absolute;top:0;left:0;}
#blog div.txt_bot{background:url(images/txt-bot.png) no-repeat;display:block;width:740px;height:34px;position:absolute;bottom:0;left:0;}
.post{padding:20px 25px 10px 0;}
.post{line-height:1.6em;}
.post p,
.post ul,
.post ol{margin-bottom:1.6em;}
#blog a{color:#cc3300;}
.post h2{color:#cc3300;line-height:1.8em;font-weight:bold; font-size:1.9em; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.post h2 a{color:#cc3300; }
.post img{padding:0px 10px 5px 0px;}


.navigation{ font-size:0.9em; padding:10px 25px 30px;}
	.navigation .alignleft{float:left;}
	.navigation .alignright{float:right;}

#comments{margin:0;padding:0 25px 0 0;}
#commentlist{padding:10px 0 0 0;}
#comments h3{color:#020100;line-height:1.8em;font-weight:bold; font-size:1.5em; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#comments div.comment{padding:0 0 10px 0;margin-bottom:0.1em;}
#comments div.comment.alt{}
#comments div.comment h4{color:#666;line-height:1.6em;}
#comments div.comment h4 a{color:#666;}
#comments div.comment h4 strong,
#comments div.comment h4 strong a{color:#cc3300;}
#comments div.comment .txt{margin:1em 0 0 0;}
#comments form{margin:1em 0;font:11px/1.6em Verdana, Arial, Helvetica, sans-serif;}
#comments form *{font:11px/1.6em Verdana, Arial, Helvetica, sans-serif;}
#comments form p{position:relative;zoom:1;}
#comments form label{position:absolute;left:220px;color:#666;}
#comments input,
#comments textarea{padding:3px;width:200px;margin-bottom:0.5em;}
#comments textarea{overflow:hidden;height:180px;width:320px;}
#comments button{cursor:pointer; padding:2px; font-weight:bold;}





/*
---------------------
CONTACTO
---------------------
*/
#contacto{background:url(images/txt-bg.png) repeat-y;padding:85px 0 40px 40px; position:relative;zoom:1;}
#contacto div.txt_top{background:url(images/contacto-bg.png) no-repeat;display:block;width:740px;height:85px; position:absolute; top:0; left:0;}
#contacto div.txt_bot{background:url(images/txt-bot.png) no-repeat;display:block;width:740px;height:34px; position:absolute; bottom:0; left:0;}

#contacto *{font-size:11px;}
#contacto table{border-collapse:collapse; width:100%;}
#contacto table td{padding:5px 0; vertical-align:text-top;}
#contacto table td label{display:block;line-height:1.6em;}
#contacto table td input,
#contacto table td textarea{width:90%; border:1px solid #ffcc99; padding:3px;}
#contacto table td textarea{height:70px;overflow:auto;}
#contacto table td button{ padding:5px 10px;text-transform:uppercase;border:none; background:#d44d2f;font-weight:bold;color:#FFF;}

#contacto table td input.field_error,
#contacto table td textarea.field_error{background:#990000; color:#FFF; font-weight:bold;}

/*
.content h2 strong{font-weight:bold;font-size:1.1em;}
.content h3.status{line-height:1.6em; font-size:16px; margin-bottom:1em;}
.content .msg{margin-bottom:20px;line-height:1.6em;}
.content p{margin-bottom:1.6em;line-height:1.6em;}


#flash_banner{ width:740px; height:380px;}


#upload_form *{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#upload_form ul li{padding:3px 0;margin-bottom:3px;}
#upload_form label{display:block;padding:0 0 5px 0;}
#upload_form input,
#upload_form select{border:1px solid #bab2a4; padding:3px; width:230px;}
#upload_form input.checkbox{padding:0px;width:20px;}
#upload_form input.error{border-color:#990000;}
#upload_form label.error{color:#990000;padding:0 3px;line-height:1.6em;}
#upload_form #terms_checkbox label.error{display:inline;}
#upload_form select{width:238px;}
#upload_form button{border:none;background:none; width:67px; height:20px; background:url(../media/images/buttons/enviar.png) no-repeat 0 0;}
#upload_form button strong{visibility:hidden;}
*
/

/*
---------------------
BANNERS
---------------------
*/
#banners{height:129px;padding:15px 18px}
#banners .banner{margin-right:16px;float:left;}
#banners .last{margin-right:0px}

/*
---------------------
FOOTER
---------------------
*/
/*#footer{height:158px; display:block; background:url(images/footer.png) no-repeat; position:relative; zoom:1;}*/
#footer{height:68px; display:block; background:url(images/footer.jpg) no-repeat; position:relative; zoom:1;}
#footer #direc{color:#ccc;font-size:12px;position:absolute;left:200px;bottom:22px;}
#footer a#citricox{position:absolute; bottom:0; right:10px; width:90px; height:35px; display:block;}
#footer a#citricox strong{visibility:hidden; font-size:1px;}