/* - - - - - - - - - - - - - - - - - - - - -

Cliente		: 	IMPERIO
Autor		: 	Javier Lobos
URL 		: 	www.imperio.com.py

Descripcion : 	

Creado 		:	05 de setiembre, 2010
Modificado	:	05 de setiembre, 2010

- - - - - - - - - - - - - - - - - - - - - */

/***********************/
/* ATRIBUTOS DE PAGINA */
/***********************/

html { background: #245a96; }
body { color: #333; font: .75em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; background: #fff url(../images/bg_html.png) repeat-x top; margin: 0; padding: 0; }

a { color: #245a96; text-decoration: none; }
a:focus, a:hover { text-decoration: underline; }
a img { border: 0; }
.more a, h2 a { background: url(../images/bg_more.png) no-repeat right; padding: 2px 27px 2px 0; }


h1 { margin: 0 0 42px; color: #245a96; font-weight: 500; font-size: 2.67em; text-shadow: 0 1px 1px #fff; }
h2 { margin: 0 0 14px; color: #245a96; font-weight: bold; font-size: 1.5em; }
h3 { margin: 0; color: #245a96; font-weight: bold; font-size: 1em; }

p { margin: 0 0 18px; }
p.intro { color: #245a96; font-weight: 200; font-size: 2em; margin-bottom: 32px; }

.hr { border-top: 1px solid #E1E1E1; margin: 0 0 31px; clear: both; }
.hr hr { position: absolute; left: -9999px; }

address { font-style: normal; margin: 0 0 18px; }

.formbox { background: #fbfafb url(../images/bg_formbox_top.png) no-repeat top; margin: 0 0 21px; width: 580px; }
.formbox h2 {padding-top: 20px; margin: 0 0 10px 20px;}
.formbox form { background: url(../images/bg_formbox.png) no-repeat bottom; margin: 0; padding: 0 20px 20px;}
fieldset { margin: 0; padding: 0; border: 0; }
fieldset div { margin: 0 0 21px; }
label { color: #000; margin: 0 0 7px; display: block; }
input.text, textarea { border: 1px solid #c6c6c6; background: #fff; font-size: 1em; font-family: Helvetica, Arial, sans-serif; width: 370px; padding: 6px 4px; margin: 0; }
textarea { height: 139px; }
#additional_fields{display: none;}
.errors{ margin-left: 20px;}
.errors h4{margin-bottom: 5px;}
.errors ul{padding: 0;}
.errors ul li{color: #A40000; list-style: none;}
.flash{margin-left: 20px; padding-bottom: 20px;}

.thumb { border: 1px solid #d6d6d6; padding: 7px; margin: 0 0 21px; }
.thumb div { background: #000; }
.thumb img { display: block; margin: 0 auto; }
.content_sub .thumb { margin-left: -8px; }

.thumb_main, .thumb_list { width: 287px; float: right; position: relative; margin: 0 0 20px; background: url(../images/bg_thumb_top.png) no-repeat top; }
.thumb_main div, .thumb_list .thumb_images { padding: 8px; margin: 0; background: url(../images/bg_thumb.png) no-repeat bottom; }
.thumb_list .thumb_images { height: 196px; position: relative; }
.thumb_images li { margin: 0; list-style: none; position: absolute; top: 8px; left: 8px; z-index: 50; }
.thumb_list .gallery_nav { bottom: 15px; right: 15px; }
.thumb_main img, .thumb_list img { display: block; margin: 0 auto; width: 271px; }
* html .thumb_main, * html .thumb_list { background-image: url(../images/bg_thumb_top.gif); }
* html .thumb_main div, * html .thumb_list .thumb_images { background-image: url(../images/bg_thumb.gif); }

.gallery_nav { position: absolute; bottom: 12px; right: 12px; z-index: 100; margin: 0; }
.gallery_nav li { float: left; list-style: none; margin: 0 0 0 5px; padding: 0; }
.gallery_nav a { width: 20px; height: 20px; display: block; background: url(../images/button_gallery.png) no-repeat 0 0; }
* html .gallery_nav a { background-image: url(../images/button_gallery.gif); }
.gallery_nav span { position: absolute; left: -9999px; }
.gallery_nav .on a { background-position: bottom; }


.ad { border: 1px solid #e1e1e1; padding: 7px; float: left; margin: 0 21px 0 0; }
.ad div { background: #C0E6EE no-repeat 0 0; text-align: right; position: relative; color: #fff; width: 135px; height: 146px; padding: 20px 16px 0 122px; }
.ad .more { position: absolute; top: 123px; right: 25px; white-space: nowrap; }
.ad .more a { color: #fff; background: none; padding-right: 20px; }

.content_sub .ad { margin-bottom: 20px; }

#ad_portfolio div { background-color: #863a4e; background-image: url(../images/ad_portfolio.jpg); }
#ad_about div { background-color: #363636; background-image: url(../images/ad_about.jpg); }

.text_ad { background: #f5ecca; padding: 8px; width: 274px; float: left; }
.text_ad div { border: 1px solid #fff; padding: 16px 16px 0; height: 148px; }
.text_ad p { margin: 0 0 10px; }
.text_ad p.contact_details { margin: 0; }
.text_ad a { font-weight: bold; color: #2b6471; }

dt { clear:left; float:left; width:100px; font-size:1.08em;}
dd { font-size:1.08em; }

/* layout */

#wrapper { background: url(../gfx/bg_wrapper.png) repeat-x bottom; }
#wrapper_sleeve { background: url(../gfx/fondo.jpg) no-repeat top; }
#container { width: 960px; margin: 0 auto; }

#header { height: 197px; position: relative; }

#logo { position: absolute; left: 0; top: 0; height: 140px; width: 140px; }
#logo * { display: block; }
#logo img { visibility: hidden; }

#tel_no { position: absolute; right: 25px; top: 30px; font-size: 2.33em; color: #245a96; font-weight: 200; }

#nav { position: absolute; right: 12px; top: 93px; font-size: 1.25em; font-weight: 200; text-transform: capitalize; }
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav li { float: left; }
#nav a { display: block; padding: 8px 15px; margin: 0; color: #fff; text-shadow: 0 -1px 2px #333; }

#body_home #nav_home a, #body_imperio #nav_imperio a, #body_servicios #nav_servicios a,
#body_clientes #nav_clientes a, #body_control #nav_control a, #body_portfolio #nav_portfolio a,
#body_contactos #nav_contactos a { background: #245a96; }


#content { padding: 0 25px 50px; zoom: 1; }
#content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

.content_main { width: 580px; margin: 0 0 31px; float: left; }
.content_sub { width: 287px; margin: 0 0 0 35px; float: left; _display: inline; }


#extra { border-top: 1px solid #e1e1e1; padding: 33px 0 0; clear: both; }


#footer { color: #fff; padding: 40px 25px 0; height: 141px; }
#footer:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#footer a { color: #fff; }
#footer address { float: right; text-align: right; }
#footer .address { margin: 10px 0 0; display: block; }
#partners { padding-top: 5px; }
#partners img { vertical-align: top; margin-right: 20px; }
#footer_nav { font-size: .92em; list-style: none; padding: 12px 0 0; margin: 0; }
#footer_nav li { float: left; margin-right: 5px; border-right: 1px solid #fff; padding-right: 5px; }
#footer_nav #nav_kyan { border-right: 0; }



/* homepage */

#body_home h1 { font-weight: 200; font-size: 2em; color: #fff; text-shadow: none; margin: 0 0 20px; width: 240px; position: absolute; left: 20px; top: 28px; z-index: 100; }

#gallery { background: url(../images/bg_gallery.png) no-repeat 0 0; padding: 8px; margin: 0 0 27px; }
#gallery div { background: #000; height: 308px; position: relative; }
#gallery .more { position: absolute; z-index: 100; margin: 0; }
#gallery .more a { color: #fff; font-size: 1.17em; font-weight: bold; background-image: url(../images/bg_more_gallery.png); }
#gallery_images { margin: 0; padding: 0; list-style: none; }
#gallery_images li { position: absolute; top: 0; left: 0; z-index: 50; }

#services ul { margin: 0; padding: 0; list-style: none; }
#services li { float: left; margin: 0 0 0 24px; width: 271px; padding: 0 8px; }
#services li.row_leader { margin-left: 0; }
#services .thumb { margin-left: -8px; margin-right: -8px; }


/* imperio */

#team ul { margin: 0; padding: 0; list-style: none; width: 670px; clear: left; }
#team li { float: left; width: 184px; margin: 0 0 0 35px; padding: 8px; }
#team li.row_leader { margin-left: 0; clear: left; }
#team .thumb { margin-left: -8px; margin-right: -8px; width: 115px; }


/* servicios */

#body_servicios .content_main { width: 425px; }
#body_servicios .content_sub { width: 442px; }
#body_servicios .thumb_list { width: 442px; background-image: url(../images/bg_thumb_top_automation.png); }
#body_servicios .thumb_list .thumb_images { background-image: url(../images/bg_thumb_automation.png); }
#body_servicios .thumb_list img { width: 426px; }
* html #body_servicios .thumb_list { background-image: url(../images/bg_thumb_top_automation.gif); }
* html #body_servicios .thumb_list .thumb_images { background-image: url(../images/bg_thumb_automation.gif); }

/* portfolio */

#portfolio ul { margin: 0; padding: 13px 0 0; list-style: none; font-size: .92em; line-height: 1.64; }
#portfolio li { width: 194px; padding: 0 8px; margin: 0 0 31px 23px; float: left; position: relative; }
#portfolio .row_leader { clear: left; margin-left: 0; }
#portfolio p { margin: 0; }
#portfolio .thumb { margin: 0 -8px 4px; }
#portfolio .mag_glass { position: absolute; right: 9px; top: 114px; margin: 0; }
#portfolio .mag_glass * { display: block; width: 23px; height: 23px; }
* html #portfolio .mag_glass a { background: url(../images/icon_zoom.gif); }
* html #portfolio .mag_glass img { visibility: hidden; }

.pagination { color: #555; border-top: 1px solid #e1e1e1; padding: 21px 0 0; text-align: center; margin: 0; list-style: none; clear: both; position: relative; zoom: 1; }
.pagination .prev, .pagination .next { position: absolute; top: 21px; font-weight: bold; }
.pagination .prev { left: 0; }
.pagination .next { right: 0; }
.prev a, .prev span { padding: 2px 0 2px 23px; background: url(../images/bg_prev.png) no-repeat left; }
.prev span { background-image: url(../images/bg_prev_off.png); }
.next a, .next span { padding: 2px 23px 2px 0; background: url(../images/bg_next.png) no-repeat right; }
.next span { background-image: url(../images/bg_next_off.png); }

/* automation page */


.sub_bullet{ list-style: none; padding-left: 15px; }
/* Localized */