/* CSS Document */

body { margin:0; padding:0; background:#383838 url(../images/bg_site4.jpg); font-family:Tahoma, Arial, Verdana;}

a { color:#EFB0B8; text-decoration:none; }
a:hover { text-decoration:underline; }

p { color:#fff; font-size:12px; line-height:16px; margin:0; padding:5px 0; }

h1 { color:#F8CCD0; font-size:17px; font-weight:normal; margin:0 0 5px 0; background:url(../images/bg_h1.gif) repeat-x bottom; padding:5px 0; }
h1.p { margin:0 10px 5px 20px;}
h2 { font-size:12px; color:#F8CCD0; margin:0 0 10px 20px; font-weight:normal; line-height:17px;}
h3 { margin:0 10px; padding:0; font-size:70px; font-weight:normal; color:#7E7878; text-align:right; display:block; clear:both; overflow:hidden; font-family:"Trebuchet MS", Verdana, Arial;}
h3.small { font-size:45px;}
h3.small2 { font-size:40px;}

#container { width:850px; margin:0 auto; vertical-align:middle; }
#top { background:url(../images/bg_top.png) no-repeat top; height:101px; }
#top img { float:right; }
#main_content { background:#5F5F5F url(../images/bg_main_content.jpg) no-repeat left top; }

ul#main_menu { margin:0; padding:0 10px 0 0; list-style:none; float:right; }
ul#main_menu li { float:left; margin:0; padding:0; }
ul#main_menu li a { height:64px; width:88px; padding:0 2px; }
ul#main_menu strong { display:none; }
ul#main_menu li a.mai { background:url(../images/link_main.jpg) no-repeat top left; display:block;}
ul#main_menu li a.ser { background:url(../images/link_services.jpg) no-repeat top left; display:block;}
ul#main_menu li a.por { background:url(../images/link_portfolio.jpg) no-repeat top left; display:block;}
ul#main_menu li a.abo { background:url(../images/link_about.jpg) no-repeat top left; display:block;}
ul#main_menu li a.con { background:url(../images/link_contact.jpg) no-repeat top left; display:block;}

ul#main_menu li a.mai:hover, a.mai_h { background:url(../images/link_main.jpg) no-repeat bottom left; display:block;}
ul#main_menu li a.ser:hover, a.ser_h { background:url(../images/link_services.jpg) no-repeat bottom left; display:block;}
ul#main_menu li a.por:hover, a.por_h { background:url(../images/link_portfolio.jpg) no-repeat bottom left; display:block;}
ul#main_menu li a.abo:hover, a.abo_h { background:url(../images/link_about.jpg) no-repeat bottom left; display:block;}
ul#main_menu li a.con:hover, a.con_h { background:url(../images/link_contact.jpg) no-repeat bottom left; display:block;}

li { float:left; position:relative; }
li ul { display:none; position:absolute; top:100%; left:0; font-weight:normal; background:#F0A8AF url(../images/bg_dropdown.jpg) no-repeat top; padding:0px; text-align:left; float:left; }
ul li ul { margin-top:0px; width:136px; height:125px; padding:10px 2px; }
li>ul { top: auto; /*left:auto;*/ }
li li { display:block; float:none; }
li:hover ul, li.over ul { display:block; }

ul#main_menu li ul li { float:none; padding:0;}
ul#main_menu li ul li a { font-size:12px; color:#333; height:auto; width:auto; padding:5px 0 5px 5px; margin:0; font-family:Tahoma, Verdana, Arial; display:block; font-weight:bold;  border-bottom:1px solid #F5C2C7; }
ul#main_menu li ul li a:hover { color:#fff; text-decoration:none;}

#abcey_logo { padding:10px 0 0 20px; float:left; }
#main_banner { display:block; clear:both; padding:10px 0 0 7px; } 

/* LEFT and RIGHT content ---------------------------------------------------------------------------------------------------------- */

#left_content { float:left; width:590px; padding:0; }
.block { background:url(../images/bg_parragraph.png) no-repeat bottom; width:560px; padding:0 10px 10px 10px; display:block; margin:0 0 15px 10px; display:block; clear:both; text-align:justify;}

.block div { display:block; float:left; padding:5px 15px 0 0; width:180px;}
.block div span.img_desc { width:170px;}

.block p.person { text-align:right; background:url(../images/ico_comment2.gif) no-repeat right center; padding:5px 15px 0 0; color:#F8CCD0;}
.block p.test { padding:5px 10px;}

#go_up { display:block; clear:both; padding:10px 250px 0 0; text-align:right; }

.list { display:block; float:left; width:260px; margin:10px 15px; background:url(../images/bg_list.png) no-repeat bottom; padding:0 0 10px 0;}
.list h2 { font-size:12px; color:#fff; border-bottom:1px solid #999; padding:3px 0; margin:0 0 5px 0;}
.list p { font-size:12px; background:url(../images/arrow_grey.gif) no-repeat left top; padding:2px 0 2px 10px; color:#fff; float:none; display:block; clear:both; margin:0 0 0 10px; }
.list p strong { background:none; padding:1px 0; color:#ccc; font-size:11px; display:block; clear:both; font-weight:normal; margin:0 0 0 20px;}


#right_content { float:left; width:230px; margin:0 0 0 10px; padding:0 0 0 10px; }
.banner { margin:0 0 10px 0; }
.img_desc { font-size:10px; color:#ccc; margin:5px 0 15px 5px; display:block; width:240px; }

.info { display:block; width:213px; background:#2F2F2F url(../images/bg_rec_right_top.jpg) no-repeat top; margin:0 0 20px 0; font-size:0;}
.info p { color:#ccc; font-size:11px; padding:0 10px 5px 10px; margin:0; line-height:normal; } 
.info strong { color:#999;}
.info h1 { font-size:14px; font-weight:bold; margin:0 10px 5px 10px; }

.pdf { display:block; background:url(../images/bg_pdf.jpg) no-repeat; width:123px; height:35px; margin:10px 0; font-size:11px; color:#ccc; padding:20px 10px 10px 80px; text-align:left;}
.pdf a { color:#ccc; } .pdf a:hover { color:#fff; text-decoration:underline;}

.res { display:block; background:url(../images/bg_resources.jpg) no-repeat; width:123px; height:35px; margin:10px 0; font-size:11px; color:#ccc; padding:20px 10px 10px 80px; text-align:left;}
.res a { color:#ccc; } .res a:hover { color:#fff; text-decoration:underline;}

.newsletter { display:block; background:url(../images/bg_newsletter.jpg) no-repeat; width:123px; height:110px; margin:10px 0; font-size:11px; color:#ccc; padding:10px 10px 10px 80px; text-align:left;}
.newsletter strong { font-size:14px; color:#999; padding:0 10px 0 0; display:block; }
.newsletter form { margin:0; padding:0; }
.newsletter form input { width:120px; background:none; border:1px solid #666; margin:10px 0; color:#fff; font-family:Tahoma, Arial, Verdana; font-size:11px; padding:2px;}
.newsletter form input.btn { border:none; color:#fff; font-weight:bold; font-size:11px; background:url(../images/arrow_suscribe.gif) no-repeat bottom right; width:80px; font-family:Tahoma, Arial, Verdana; margin:0 0 0 45px; height:18px;}

.img, .ron, .ron2 { float:left; padding:0 20px 15px 0px; }
.ron, .ron2 { clear:left; padding:10px 20px 0px 10px; } 
.ron2 { padding:0px 20px 0px 10px; }

/* PORTFOLIO */
.event { background:#2F2F2F url(../images/bg_event_top.jpg) no-repeat top left; padding:0; margin:10px 0 0 20px; font-size:0; width:560px; }
.event em { font-style:normal; color:#999; font-size:11px; display:block; padding:5px 0 0 0; }
.event strong { font-weight:normal; color:#fff; font-size:14px; padding:15px 0 5px 15px; display:block; width:370px;   }
.event a { float:right; font-size:11px; color:#2F2F2F; background:#F8CCD0 url(../images/bg_link.gif) no-repeat right; padding:2px 15px 0 0; margin:12px 10px 0 0; width:57px; height:16px; text-align:right; }
.event a:hover { color:#2F2F2F; text-decoration:underline; }

.testimonial { font-size:11px; line-height:15px; margin:0 10px 10px 10px; padding:0 0 10px 0; border-bottom:1px solid #595959; }
.testimonial span { display:block; line-height:13px; color:#999; padding:5px 0 10px 0; }
.testimonial em { display:block; font-style:normal; color:#F8CCD0; font-weight:normal; font-size:10px; text-align:right; padding:0 15px 0px 0px; background:url(../images/ico_comment.gif) no-repeat right top; line-height:normal; }

.event_images { padding:10px 10px 10px 20px; }

/* SERVICES */
.brochure { display:block; width:213px; background:#2F2F2F url(../images/bg_rec_right_top.jpg) no-repeat top; margin:0 0 20px 0; font-size:0;}
.brochure .highslide img { border:1px solid #666; margin:5px 0 5px 8px; padding:1px;}
.brochure p { color:#ccc; font-size:11px; padding:0 10px 5px 10px; margin:0; line-height:normal; } 
.brochure strong { color:#999;}
.brochure h1 { font-size:14px; font-weight:bold; margin:0 10px 5px 10px; }

ul.list { margin:10px; padding:0; list-style:none; float:none; background:none; }
ul.list li { background:url(../images/arrow_grey.gif) no-repeat left center; padding:2px 0 2px 10px; font-size:12px; letter-spacing:1px; float:none; color:#ccc; }

/* CONTACT */
.block2 { background:url(../images/bg_parragraph.png) no-repeat bottom; width:560px; padding:0 10px 10px 10px; display:block; margin:0 0 15px 10px; clear:both;}
#form { margin:10px 0 0 30px; }
#form  p { margin:0; padding:10px 0 5px 0; color:#F8CCD0; font-size:12px; font-weight:bold; }
#form input, select, textarea { background:#474747 url(../images/bg_input.gif) no-repeat; width:480px; height:16px; border:0; padding:7px 10px; color:#ccc; font-family:Tahoma, Arial, Verdana; font-size:13px; overflow:hidden; }
#form form select { padding:1px; width:490px; height:25px; background-image:none; }
#form form div { border:#7E7878; width:490px; padding:5px;}
#form form span { display:block; clear:both; padding:1px 0; font-size:12px; color:#eeeeee; }
#form form span em { font-style:normal; float:left;  width:250px;}
#form form span input { width:15px; height:15px; margin-right:5px;}
#form form select option { border-bottom:1px solid #822626; }
#form form textarea { height:180px; overflow:auto; display:block; background:url(../images/bg_textarea.gif) no-repeat; }
#form form input.other { width:200px; margin-top:2px; height:15px; padding:2px; font-size:11px; background:#474747; }

#form input#send { background:url(../images/btn_send.gif) no-repeat; width:100px; height:29px; font-size:13px; border:0; margin:10px 0px 0 0; }
#form input#clear { background:url(../images/clear_form.gif) no-repeat; width:100px; height:29px; font-size:13px; border:0; margin:10px 0px 0 295px; }

#form form span.note { font-size:11px; color:#999; display:block; width:300px; float:left; margin:20px 0 0 0; }
.ceo, div.resources { font-size:12px; color:#ccc; line-height:14px; border:1px solid #999; border-right:none; border-left:none; padding:10px 5px; margin-right:10px; }
div.resources { padding-top:0px; text-align:center; border-top:0px; }

/* RESOURCES */
ul.resources { margin:10px; padding:0; list-style:none; }
ul.resources li { background:url(../images/arrow_grey.gif) no-repeat left center; padding:2px 0 2px 10px; font-size:12px; text-transform:uppercase; letter-spacing:1px; float:none; }

/* FOOTER -------------------------------------------------------------------------------------------------------------------------- */
#footer { background:#5F5F5F url(../images/bg_footer.gif) no-repeat bottom; height:133px; display:block; clear:both; font-size:12px; color:#fff; margin:0 10px; overflow:hidden; }
#footer span { display:block; float:left; width:240px; padding:80px 0 0 140px; display:block;}
#footer em { float:right; font-style:normal; display:block; width:400px; text-align:right; padding:85px 10px 0 0; }
#footer em a { color:#F8CCD0; padding:0 5px; } #footer em a:hover { text-decoration:underline; }
#footer strong { font-size:10px; color:#AEAEAE;font-weight:normal; float:right; display:block; width:400px; clear:right; text-align:right; padding:10px 10px 0 0; }

/* Bottom / Firma */
#bottom { background:url(../images/bg_bottom.png) no-repeat top left; padding:20px 10px 0 0; height:102px; }
#bottom a.random img { float:right; filter: alpha(opacity=70); opacity: .7; -moz-opacity:0.7; padding-bottom:20px; }
#bottom a.random:hover img { float:right; filter: alpha(opacity=99); opacity: 0.99; -moz-opacity:0.99; }


/* Twitter */

#twitter_div { display:block; width:213px; background:#2F2F2F url(../images/bg_rec_right_top.jpg) no-repeat top; margin:20px 0; font-size:0;}
#twitter_div p { color:#ccc; font-size:11px; padding:0 10px 5px 10px; margin:0; line-height:normal; } 
#twitter_div h1 { font-size:14px; font-weight:bold; margin:0 10px 5px 10px; }
#twitter_div ul { list-style:none; margin:0; display:block; padding:0 10px; width:190px; }
#twitter_div ul li { font-size:11px; font-family:Tahoma, Verdana, Arial; color:#ccc; padding:5px 0;}
#twitter_div a.link { display:block; clear:both; text-align:right; padding:3px 0 0 0; margin:10px 0 0 0; border-top:1px solid #ccc;}
#twitter_div a.link:hover { color:#fff; text-decoration:none;}