/* Body */
body {font-size:12px; line-height:140%; color:#333; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; background:#D7D7D7;}

/* elementos de texto */
#page p {margin:10px 0}
#page small {font-size:11px; filter:alpha(opacity=66); opacity:.6;}
#page big {font-size:1.2em;}
#page b,#page strong {color:#000;}
#page em, #page i {}
#page u {}
#page strike {}
#page sub {}
#page sup {}

#page hr {color:#ddd; background-color:#ddd;}

/* elementos de títulos */
#page h1, #page h2, #page h3, #page h4, #page h5 {padding:0; margin:0; line-height:1.4em; color:#000; font-weight:bold; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;}
#page h1 {font-size:18px;}
#page h2 {font-size:16px;}
#page h3 {font-size:12px; color:#0099CC;}
#page h4 {font-size:12px; color:#999; margin-top:5px;}
#page h5 {font-size:11px;}
#page h6 {font-size:10px;}

/* enlaces */
#page a {color:#09C; text-decoration:underline;}
#page a:visited, #page a:link {color:#09C;}
#page a:hover, #page a:focus {color:#09c;}
#page a img {border:0 none;}
#page img.left {padding:0; margin:0 20px 20px 0;}
#page small a {}

/*listas*/
#page ul {margin:0 0 0 20px; padding:0;}
#page li {list-style-type:none; padding:10px; margin:0;}

#page ol {margin:10px 0; padding:0;}
#page ol li {padding:0; margin:0;}

#page dl {margin:10px 0; padding:0;}
#page dl dt {padding:0; margin:0;}

/*tablas*/
#page table {display:table; width:100%; empty-cells:show; margin:10px 0; width:auto;}
#page table tr {display:table-row; vertical-align:middle;}
#page table thead th, #page table thead td, #page table tbody td, #page table tfoot td {padding:5px 5px; text-align:left; vertical-align:top;}
#page table thead th, #page table thead td {background:#e5e5e5; color:#666; font-weight:normal; font-size:11px;}
#page table tfoot td {border-top:#ddd solid 1px; border-collapse:collapse;}
#page table tbody td {display:table-cell; font-size:14px;}
#page tbody tr.even td {background:#E8F6FA;}
#page tbody tr.odd td {}
#page tbody tr:hover td {background:#B2E0F0 !important; border-right:1px solid #E8F6FA; border-left:1px solid #E8F6FA; color:#000;}
#page tbody tr:hover td.etiqueta {background:#B2E0F0 !important; color:#000;}
#page tbody tr.even:hover td {background:#B2E0F0!important; color:#000;}
#page tbody tr:hover td.columna {background:#7FCCE5 !important; color:#000;}
#page tbody tr.tr_titulo:hover td {background:#B2E0F0 !important; color:#fff !important;}
#page tbody tr.highlight td {}

/*bloques*/
#page blockquote {padding:20px; margin:20px 0; background:#FC0; color:#333;}
#page address {font-size:12px; margin:10px 0; color:#999;}

/* formularios */
#page fieldset {padding:10px 0;}
body#body_contacto #page #content p.untercio {padding:30px 0 10px; font-size:11px;}
#page legend {}
#page label {display:block; font-size:12px; margin-bottom:5px; color:#333}
#page input {width:96%; color:#3c3c3c; padding:3px; font-size:17px;}
#page textarea {width:98%; padding:3px; height:125px;}
#page select {width:96%; color:#3c3c3c;}  
#page input.checkbox {width:auto;} 
#page input.radio {width:auto;} 
#page textarea:focus, #page #container input:focus {} 
#page #content .dostercios input{width:97%;}
#page #content fieldset.dostercios {margin-right:4%}
body#body_contacto #page #content #enviar {float:right; width:99%; margin:0;}
body#body_contacto #page #content #enviar span {float:right; font-size:11px; padding-top:10px;}
body#body_foro .floatright .btn {margin-top:20px;}
body#body_foro .floatright span {font-size:11px;}
body#body_contacto #page #content br {font-size:1px; height:1px; display:block;}

#page #container #content fieldset strong.floatleft {display:block; float:left; font-size:14px; padding:5px 5px 0 4px;} /*para los radio o checkbox*/

/*elementos decorativos*/
#page .colored {color:#0099CC;}
#page .backcolor{background: #B2E0F0;}
#page .borderColor {border:#B2E0F0 solid 3px;}

/*btn*/
#page .btn {float:left; display:inline; margin:10px; background:url(../images/btn_left.png) 0 0 no-repeat; padding:0 0 0 10px; height:36px;}
#page .btn a {background:url(../images/btn_right.png) 100% 0 no-repeat; padding:10px 20px 12px 10px; color:#fff; font-weight:bold; font-size:12px; display:block; text-decoration:none;}
#page .btn a:visited {color:#fff;}
#page .btn a:hover {color:#B2E0F0;}

/* PAGE */
#page {width:100%; margin:0 auto;}
#page #page_wrap {margin:10px auto; width:828px; position:relative;}

/** HEADER **/
#page #header {float:left; display:inline; width:828px; height:50px;}
#page #header #header_wrap {position:relative;}

/** LOGO **/
#page #header #logo {position:absolute; left:0; top:106px; padding:0 23px 0 0; background:url(../images/fnd_container_selected.png) 100% 23% no-repeat; width:304px;}
#page #header #logo .image {float:right; display:inline;}
#page #header #logo img:hover {cursor:pointer;}
#page #header #logo .txt {display:none;}
#page #header #logo h2 {}

/** SHORTCUTS **/
#page #header #shortcuts {float:left; display:inline;}
#page #header #shortcuts #shortcuts_wrap {position:absolute; left:40px; top:220px; width:262px; height:46px; background:url(../images/fnd_pwa.png) 0 0 no-repeat;}
#page #header #shortcuts ul {margin:0; padding:4px 0 0 20px;}
#page #header #shortcuts ul li {list-style:none; display:inline; float:left; padding:10px 0px; margin:0; line-height:normal;}
#page #header #shortcuts ul li a, #page #header #shortcuts ul li a:visited { padding:0 10px; margin:0; line-height:normal; font-size:12px; color:#333; display:inline; border-right:1px solid #999; text-decoration:none;}
#page #header #shortcuts ul li a:hover{text-decoration:none; color:#000;}
#page #header #shortcuts ul li.last a {border:none;}

/** LANGUAGE **/
#page #header #lang {position:absolute; left:150px; top:0px; width:60px; text-align:left; display:none;}
#page #header #lang a {padding-left:3px; display:inline; float:left;}
#page #header #lang a img {filter:alpha(opacity=50); opacity:.50;}
#page #header #lang a:hover img {filter:alpha(opacity=99); opacity:.99;}
#page #header #lang a img.selected {filter:alpha(opacity=99); opacity:.99;}

/** SEARCH **/
#page #header #search {position:absolute; top:0px; left:0px; height:22px; overflow:hidden; display:none;}
#page #header #search #search_field {float:left; display:inline; padding:0;}
#page #header #search #search_field input {font-size:11px; float:left; display:inline; width:115px; padding:3px; margin:0 2px 0 0; height:16px; border:none; background:#ccc;}
#page #header #search #search_submit {float:left; display:inline;}
#page #header #search #search_submit a img {filter:alpha(opacity=66); opacity:.66;}
#page #header #search #search_submit a:hover img {filter:alpha(opacity=99); opacity:.99;}

/** LAYER NAV **/
#page #layer_nav {position:absolute; top:8px; right:3px; width:520px;} 
#page #layer_nav ul {float:right; margin:0; padding:0;}
#page #layer_nav li {list-style:none; float:right; display:inline; background:url(../images/fnd_layernav_off_left.png) 0 0 no-repeat; margin:0 0 2px 3px; padding:0 0 0 9px;}
#page #layer_nav li.last {margin-left:0;}
#page #layer_nav li a, #page #layer_nav li a:visited {padding:1px 10px 0 0; background:url(../images/fnd_layernav_off_right.png) 100% 0 no-repeat; display:block; height:24px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none;}
#page #layer_nav li a:hover {color:#B2E0F0;}
#page #layer_nav li.selected {background-image:url(../images/fnd_layernav_on_left.png)}
#page #layer_nav li.selected a, #page #layer_nav li.selected a:visited {background-image:url(../images/fnd_layernav_on_right.png); color:#0099CC;}
#page #layer_nav li.selected a:hover {color:#111;}

/*breadcrumbs*/
#page #container #breadcrumbs {display:none;}

/** banner **/
#page #banner {display:none}
#page #banner #banner_wrap {display:none}

/** CONTAINER **/
#page #container {float:right; display:inline; width:828px; margin:0; background:url(../images/fnd_container_top.png) 100% 0 no-repeat;}
#page #container #content {float:right; display:inline; padding:10px 0; background:url(../images/fnd_container_bottom.png) 100% 100% no-repeat; width:505px;}
#page #container #content #content_wrap {float:right; display:inline; padding:10px 24px; background:url(../images/fnd_container.png) 100% 100% repeat-y; width:457px;}

/*left*/
#page #container #left {float:left; display:inline; width:255px; margin:268px 0 0 48px; text-align:right; color:#000; font-size:11px;}

/*right*/
#page #container #right {float:right; display:inline; width:180px; margin:0 20px 0 0; padding:0;}
#page #container #right h2 {}
#page #container #right {font-size:11px;}

/*destacado*/
#page #destacado{background:#3C3C3C; padding:30px;}

/*cart*/
#page #container #left .basket {margin:0 0 20px 0; border-top:3px solid #333; border-bottom:3px solid #333; padding:10px 0;}
#page #container #left .basket table {width:100%}
#page #container #left .basket .floatright {text-align:right;}
#page #container #left .basket .floatright .btn {margin-right:0; padding-right:0;}
#page #container #left .basket h3 {margin:5px 0 10px 5px;}
#page #container #left .basket strong {color:#fff; font-size:14px;}
#page #container #left .basket table tfoot {background:#333;}

/* CATEGORY NAV */
#page #container #left h3 {color:#0099CC; font-weight:bold;}
#page #container #left h4 {color:#0099CC; font-size:11px;}
#page #container #left ul {float:right; display:inline; margin:0; padding:0;}
#page #container #left ul li {float:right; display:inline; width:235px; margin:0; padding:10px; text-align:right; border-bottom:1px solid #ccc; font-size:12px;}
#page #container #left ul li a {color:#000; text-decoration:none; font-weight:normal;}
#page #container #left ul li a:hover {color:#0099CC;}
#page #container #left ul li.sleected a {color:#0099CC;}

/*second level*/
#page #container #left ul li ul {margin:0; padding:0;}
#page #container #left ul li ul li {}

/*third level*/
#page #container #left ul li ul li ul {margin:0; padding:0;}
#page #container #left ul li ul li ul li {}

/** FOOTER **/
#page #footer {float:right; display:inline; width:505px;}
#page #footer #shortcuts_footer {display:none;}
#page #footer #nav_footer {float:right; display:inline; width:457px; margin:10px 3px 0; -moz-border-radius:5px; -webkit-border-radius:5px; background:#FFFFFF; padding:10px 20px;}
#page #footer #nav_footer ul {margin:0; padding:0;}
#page #footer #nav_footer ul li {margin:0; padding:0; float:left; display:inline; margin-right:10px; padding-right:10px; border-right:1px solid #ddd;}
#page #footer #nav_footer ul li a, #page #footer #nav_footer ul li a:visited {color:#0099CC; text-decoration:none; font-size:11px;}
#page #footer #nav_footer ul li a:hover {color:#000; text-decoration:none;}
#page #footer hr {display:none;}
#page #footer #tex_footer {display:none;}

#page #footer #powered {float:right; display:inline; text-align:right; color:#666; font-size:11px; padding:10px 5px 0 0;}
#page #footer #powered a {font-weight:bold; text-decoration:none; display:inline;}
#page #footer #powered a:hover { text-decoration:underline;}

/* paginacion */
#page .paginacion p a:link, #page .paginacion p a:visited, #page .paginacion p a:active {background-color:#e5e5e5; border-color:#e5e5e5; color:#2D3340;text-decoration:none;}
#page .paginacion p span, #page .paginacion p a:hover {background-color:#2D3340; border-color:#2D3340; color:#FFF;}

/** extraDIVS **/
#page #extraDiv1 {display:none}
#page #extraDiv2 {display:none}
#page #extraDiv3 {display:none}
#page #extraDiv4 {display:none}
#page #extraDiv5 {display:none}


body#body_inicio #page h1 {font-size:18px; color:#0099CC;}

#page #content .box {float:left; display:inline; padding:10px 0 0 0; width:460px; background:url(../images/fnd_blockquote_top.png) 0 0 no-repeat;}
#page #content .box .box_wrap {float:left; display:inline; padding:10px 20px 20px; width:418px; background:#BCDD57 url(../images/fnd_blockquote_bottom.png) 0 100% no-repeat;}
#page #content .box .box_wrap h2 {color:#333; font-size:13px; width:300px; float:left; display:inline;}
#page #content .box .box_wrap h2 span.colored {color:#000; font-size:14px;}
#page #content .box .box_wrap .btn {margin:0; float:right;}

#page #content .boxII {float:left; display:inline; padding:10px 0 0 0; width:460px; margin:0px 0 20px 0; background:url(../images/fnd_box_top.png) 0 0 no-repeat;}
#page #content .boxII .boxII_wrap {float:left; display:inline; padding:10px 20px 20px; width:418px; background:#ddd url(../images/fnd_box_bottom.png) 0 100% no-repeat; font-size:11px;}
#page #content .boxII .boxII_wrap h2 {font-size:12px;}
#page #content .boxII .boxII_wrap img {float:left; margin :0 20px 0px 0;}

#page #content .ventaja {float:right; display:inline; padding:30px 0 10px; border-bottom:1px solid #ddd;}
#page #content .ventaja img {float:left; padding:0; margin:0;}
#page #content .ventaja h3, #page #content .ventaja p {width:400px; float:right;}
body#body_inicio #page #content .ventaja h3 {color:#000;}

/** Login **/
body#body_login #page #container {float:left; display:inline;}
body#body_login #page #container #left {display:none;}
body#body_login #page #layer_nav {display:none;}
body#body_login #page #logo #logo_img {display:none;}
body#body_login #page #footer {display:none;}

body#body_login #page #container #content small {font-size:14px; font-weight:bold; color:#999; margin:0; padding:0;}
body#body_login #page #container #content h1 {font-size:30px; font-weight:bold; color:#0099CC; margin:0; padding:0; letter-spacing:-0.05em}
body#body_login #page #container #content h1 span {font-size:18px;}
body#body_login #page #container #content p {font-weight:bold; margin:10px 0; padding:0;}
body#body_login #page #container #content fieldset {padding:5px 0;}
body#body_login #page #container #content fieldset label {float:left; display:inline; width:75px;}
body#body_login #page #container #content fieldset input {float:left; display:inline; width:239px;}
body#body_login #page #container #content fieldset .btn {float:left; display:inline; margin:0 0 0 10px;}
body#body_login #page #container #content #remember {float:left; display:inline; margin:0 0 10px 75px; font-size:11px;}

body#body_login #page #logo #logo_wrap {background:url(../images/logo_ozonpro.png) 100% 0 no-repeat; width:215px; height:94px;}
body#body_login #page #page_wrap, body#body_login #page #container {width:750px;}
body#body_login #page #container {z-index:100;}

body#body_login #page #header #logo {width:226px; top:50px;}
body#body_login #page #footer #nav_footer {display:none;}
body#body_login #page #header #shortcuts {display:none;}

/** Login Error **/
body#body_login_error #page #container {float:left; display:inline;}
body#body_login_error #page #container #left {display:none;}
body#body_login_error #page #layer_nav {display:none;}
body#body_login_error #page #logo #logo_img {display:none;}
body#body_login_error #page #footer {display:none;}

body#body_login_error #page #container #content small {font-size:14px; font-weight:bold; color:#999; margin:0; padding:0;}
body#body_login_error #page #container #content h1 {font-size:30px; font-weight:bold; color:#0099CC; margin:0; padding:0; letter-spacing:-0.05em}
body#body_login_error #page #container #content h1 span {font-size:18px;}
body#body_login_error #page #container #content p {font-weight:bold; margin:10px 0; padding:0;}
body#body_login_error #page #container #content fieldset {padding:5px 0;}
body#body_login_error #page #container #content fieldset label {float:left; display:inline; width:75px;}
body#body_login_error #page #container #content fieldset input {float:left; display:inline; width:239px;}
body#body_login_error #page #container #content fieldset .btn {float:left; display:inline; margin:0 0 0 10px;}
body#body_login_error #page #container #content #remember {float:left; display:inline; margin:0 0 10px 75px; font-size:11px;}

body#body_login_error #page #logo #logo_wrap {background:url(../images/logo_ozonpro.png) 100% 0 no-repeat; width:215px; height:94px;}
body#body_login_error #page #page_wrap, body#body_login_error #page #container {width:750px;}
body#body_login_error #page #container {z-index:100;}

body#body_login_error #page #header #logo {width:163px; top:50px;}
body#body_login_error #page #footer #nav_footer {display:none;}
body#body_login_error #page #header #shortcuts {display:none;}

/** Login Sesion **/
body#body_login_sesion #page #container {float:left; display:inline;}
body#body_login_sesion #page #container #left {display:none;}
body#body_login_sesion #page #layer_nav {display:none;}
body#body_login_sesion #page #logo #logo_img {display:none;}
body#body_login_sesion #page #footer {display:none;}

body#body_login_sesion #page #container #content small {font-size:14px; font-weight:bold; color:#999; margin:0; padding:0;}
body#body_login_sesion #page #container #content h1 {font-size:30px; font-weight:bold; color:#0099CC; margin:0; padding:0; letter-spacing:-0.05em}
body#body_login_sesion #page #container #content h1 span {font-size:18px;}
body#body_login_sesion #page #container #content p {font-weight:bold; margin:10px 0; padding:0;}
body#body_login_sesion #page #container #content fieldset {padding:5px 0;}
body#body_login_sesion #page #container #content fieldset label {float:left; display:inline; width:75px;}
body#body_login_sesion #page #container #content fieldset input {float:left; display:inline; width:239px;}
body#body_login_sesion #page #container #content fieldset .btn {float:left; display:inline; margin:0 0 0 10px;}
body#body_login_sesion #page #container #content #remember {float:left; display:inline; margin:0 0 10px 75px; font-size:11px;}

body#body_login_sesion #page #logo #logo_wrap {background:url(../images/logo_ozonpro.png) 100% 0 no-repeat; width:215px; height:94px;}
body#body_login_sesion #page #page_wrap, body#body_login_sesion #page #container {width:750px;}
body#body_login_sesion #page #container {z-index:100;}

body#body_login_sesion #page #header #logo {width:163px; top:50px;}
body#body_login_sesion #page #footer #nav_footer {display:none;}
body#body_login_sesion #page #header #shortcuts {display:none;}


/** Alta de usuario **/
body#body_alta #page #container #content h3 {margin:30px 0 15px; font-size:13px;}
body#body_alta #page #container #content fieldset {padding:5px 0;}
body#body_alta #page #container #content fieldset label {float:left; display:inline; width:100px;}
body#body_alta #page #container #content fieldset input {float:right; display:inline; width:300px;}
body#body_alta #page #container #content fieldset select {float:right; display:inline; width:310px;}
body#body_alta #page #container #content #enviar .btn {float:right;}
body#body_alta #page #container #content #enviar span a {float:right; padding:10px 5px;}

body#body_alta #page #container #content fieldset.banco {float:left; display:inline; margin:0 5px 20px 0;}
body#body_alta #page #container #content fieldset.banco label {width:auto; float:none; display:block; font-size:11px; color:#999;}
body#body_alta #page #container #content fieldset.bnc01 input {width:66px;}
body#body_alta #page #container #content fieldset.bnc02 input {width:66px;}
body#body_alta #page #container #content fieldset.bnc03 input {width:33px;}
body#body_alta #page #container #content fieldset.bnc04 input {width:175px;}

/** Página de Productos Webnify **/
#page h2.head_product {background: #09F; padding:5px 10px; margin:0; color:#fff; font-size:12px; margin:20px 0 0;-moz-border-radius:5px; -webkit-border-radius:5px;}
#page .item_product {float:left; display:inline; width:172px; padding:10px 10px 10px 40px; background:#e5e5e5; margin:10px 10px 10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; background:#e5e5e5 url(../images/ico_producto.png) 10px 20px no-repeat; position:relative; overflow:hidden;}
#page .item_product a {text-decoration:underline;}
#page .item_product:hover {background-image:url(../images/ico_producto_on.png);}
#page .item_product h3 {width:120px; padding:7px 0 0 0; font-size:18px; margin:0;}
#page .item_product p {font-size:11px; color:#666; font-weight:normal;}
#page .item_product p a {}

#page table.domain {}
#page table.domain tbody td {font-size:12px; color:#333;}
#page table.domain td.dominio {font-size:12px; font-weight:bold; color:#0099CC;}

#page .product_page h3 {margin:10px 0 0;}
#page .product_page p {margin:0 0 20px 0;}
#page .product_page ul {margin:20px 0; padding:0 0 0 15px;}
#page .product_page ul li {float:left; display:inline; width:170px; background:url(../images/read-more.gif) 0 4px no-repeat; margin:10px 30px 10px 0; padding:0 0 0 12px; font-weight:bold; color:#0099CC; border-bottom:1px solid #ddd;}
#page .product_page img.screen {padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #ddd;}

/** Tabla de Hosting **/
#page table.hosting {width:365px;}
#page table.hosting td {padding:8px 8px;border:1px solid #B2E0F0;}
#page table.hosting thead tr td {background:none;}
#page table.hosting thead tr th {background:#09F; color:#fff; font-weight:bold; text-align:center; border-left: 1px solid #09F;}
#page table.hosting tbody tr.tr_titulo td {font-size:12px; font-weight:bold; background:#0099CC; color:#FFF; text-align:left; padding:5px 5px;}
#page table.hosting tbody tr td {font-size:11px; font-weight:normal; color:#000; text-align:center;}
#page table.hosting tbody tr td.columna {background:#E8F6FA;}
#page table.hosting tbody tr.even td.columna {background:#BFE5F2;}
#page table.hosting tbody tr td.etiqueta {font-size:11px; font-weight:normal; color:#333; text-align:right;}

/** Plantillas **/
#page #plantillas {}
#page #plantillas .plantilla {float:left; display:inline; overflow:hidden; width:110px; height:110px; margin:5px; border:5px solid #ccc;}
#page #plantillas .plantilla img {width:110px;}