/* Fuentes */
@font-face { font-family:Myriad; src:url("MyriadLight.eot"); } /* EOT file for IE */
@font-face { font-family:Myriad; src:url("MyriadLight.ttf") format("truetype"); } /* TTF file for CSS3 browsers */
@font-face { font-family:Myriad; font-weight:bold; src:url('MyriadSemiBold.ttf') format("truetype"); }
@font-face { font-family:Myriad; font-style:italic; src:url('MyriadLightItalic.ttf') format("truetype"); }
@font-face { font-family:Hooge0556; src:url('hoog0556.eot'); }
@font-face { font-family:Hooge0556; src:url('hoog0556.ttf') format("truetype"); }


/* Reseteo CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
input,textarea,select { font:inherit; }
html,textarea { overflow:auto; } /* quita el scroll en IE si no es necesario */
table { border-collapse:collapse; border-spacing:0; }
fieldset,img, a img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
strong,b { font-weight:bold; }
em,i { font-style:italic; }
ul { list-style:none; }
a { color:inherit; }
caption,th { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; border-bottom:1px dotted; border-color:inherit; }


/* Estilos generales */
body { font:normal 62.5% 'Lucida Sans Unicode','Lucida Grande',sans-serif; background:#f2f2f2 url(../img/body_bg.png) repeat; color:#4b4b4b; }  /* 62.5% resets 1em to 10px */
.u { text-decoration:underline; }
.clear { clear:both; }
.hide { display:none; }
::-moz-selection { background:#E2007A; color:#fff; }
::selection { background:#E2007A; color:#fff; }

#page { font-size:1.2em; }
.center { position:relative; width:900px; margin:0 auto; }
h2 { padding:12px 0 12px 32px; font-size:14px; text-shadow:0 1px 0 #fff; }

#top_bg { position:absolute; z-index:0; width:100%; height:188px; margin:0 auto; overflow:hidden; }
#top_bg ul { position:absolute; left:50%; width:1600px; margin-left:-800px; height:188px; }
#top_bg li { position:absolute; left:50%; width:1500px; height:188px; margin-left:-750px; background:url(../img/parallax_min.png) no-repeat 0 0; }
#top_bg .top_bg1 { z-index:1; background-position:90px 0; }
#top_bg .top_bg2 { z-index:2; width:1500px; margin-left:-750px; background-position:90px -190px; }
#top_bg .top_bg3 { z-index:3; width:1200px; margin-left:-600px; background-position:-60px -380px; }
#top_bg .top_bg4 { z-index:4; width:1500px; margin-left:-750px; background-position:90px -570px; }
#top_bg .top_bg5 { z-index:5; width:1500px; margin-left:-750px; background-position:-540px -570px; }

#header { background:url(../img/header_bg.png) repeat-x top; }
#header .center { height:130px; }
#header h1 { float:left; margin:22px 0 0 22px; }
#header h1 a, .js #header h1 a:hover { float:left; width:254px; height:94px; background:url(../img/milrayas.png) no-repeat center top; text-indent:-10000px; outline:none; }
#header h1 a:hover, .ie #header h1 a:hover { background-position:center bottom; }
#header h1 span { display:block; opacity:0; width:254px; height:94px; background:url(../img/milrayas.png) no-repeat center bottom; }
#header #cebra { float:right; margin:22px 44px 0 0; }

#menu ul { padding:4px 0 6px 22px; font:16px/21px Myriad,'Trebuchet MS',Helvetica,sans-serif; overflow:hidden; }
#menu li { float:left; padding-right:9px; }
#menu a { display:block; float:left; height:24px; padding-left:5px; color:#4b4b4b; text-decoration:none; text-shadow:0 1px 0 #fff; outline:none; }
#menu a span { display:block; float:left; height:24px; padding:0 10px 0 2px; }
#menu a:hover { background:url(../img/menu_btn.png) no-repeat 0 0; }
#menu a:hover span { background:url(../img/menu_btn.png) no-repeat right -48px; }
#menu .current a { background:url(../img/menu_btn.png) no-repeat 0 -24px; color:#e6e6e6; text-shadow:0 1px 0 #000; }
#menu .current a span { background:url(../img/menu_btn.png) no-repeat right -72px; }

#wrap_1 { background:url(../img/content_bg.png) repeat; }
#wrap_2 { background:url(../img/content_sep_top.png) repeat-x top; }
#wrap_3 { background:url(../img/content_sep_bottom.png) repeat-x bottom; min-height:450px; }

#footer { height:263px; background:url(../img/footer_bg.png) repeat-x top; color:#b9b9b9; }
#footer .col { float:left; width:270px; margin-right:23px; }
#footer .col:first-child { margin-left:21px; }
#footer h3 { padding:16px 0 10px 10px; font-size:14px; }
#newsletter { position:relative; }
#newsletter fieldset { padding:32px 0 14px 140px; }
#newsletter .txt { position:absolute; top:0; left:7px; width:170px; height:20px; padding:3px 81px 4px 7px; border:none; background:url(../img/input_bg.png) no-repeat; color:#e5e3e3; font-size:13px; font-style:italic; }
#newsletter .txt:hover, #newsletter .txt:focus { color:#fff; }
#newsletter #send { position:absolute; top:1px; left:187px; width:78px; height:27px; padding-bottom:4px; border:none; background:url(../img/btn_bg.png) no-repeat; color:#4b4b4b; font-size:13px; font-style:italic; cursor:pointer; }
#newsletter #send:hover, #newsletter #send:focus { color:#000; }
#newsletter label { color:#999; font:11px Verdana,Geneva,sans-serif; }
#newsletter label a { color:#e2007a; text-decoration:none; }
#newsletter label a:hover { text-decoration:underline; }
#contact { padding-left:10px; background:url(../img/footer_sep.gif) repeat-x top; line-height:14px; }
#contact a { color:#e2007a; text-decoration:none; }
#contact a:hover { text-decoration:underline !important; }
#contact #cloud { display:block; position:relative; top:-5px; padding:24px 0 30px 86px; margin-top:-5px; background:url(../img/contact-us.png) no-repeat 10px 0; color:#29a7df; font-size:14px; font-style:italic; text-decoration:none; }
#products li { background:url(../img/footer_sep.gif) repeat-x top; }
#products a { display:block; height:44px; line-height:44px; text-align:center; text-decoration:none; }
#products a img { vertical-align:middle; opacity:.2; }
#products a:hover img { opacity:1; }
#be_zebra { padding:38px 0 50px 80px; background:url(../img/ser-una-cebra.png) no-repeat 21px 2px; color:#fff; font-size:14px; font-style:italic; }
#be_zebra a { color:#29a7df; text-decoration:none; }
#be_zebra a:hover { text-decoration:underline; }
#social { padding-top:6px; background:url(../img/footer_sep.gif) repeat-x top; line-height:27px; text-align:center; }
#social li { display:inline; padding:0 3px; }
#social a { padding:1px 5px 2px; background:#4b4b4b; color:#adadad; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
#social #fb:hover { background:#3b5998; color:#fff; }
#social #fl:hover { background:#fff;    color:#0063dc; } #social #fl:hover span { color:#ff0084; }
#social #yt:hover { background:#fff;    color:#000;    } #social #yt:hover span { color:#ff3333; }
#social #bh:hover { background:#fff;    color:#00a2eb; }
#social #is:hover { background:#f89a22; color:#fdfdfd; }
#social #vi:hover { background:#000;    color:#31beff; } #social #vi:hover span { color:#fff; }
#social #dk:hover { background:#dd380b; color:#fffefb; }

#copy { height:75px; background:url(../img/copy_bg.png) repeat-x center top; color:#4b4b4b; }
#copy p { padding:17px 0 0 12px; }
#copy a { color:#4b4b4b; border-bottom:1px solid #4b4b4b; text-decoration:none; }
#copy a:hover { color:#ffc82e; border-bottom:1px solid #ffc82e; }
#copy .admin, #copy .rss { display:inline-block; width:14px; height:14px; margin-left:24px; border:none !important; background:url(../img/copy_icos.png) no-repeat 0 0; text-indent:-10000px; }
#copy .admin:hover { background-position:0 -14px; }
#copy .rss { margin-left:18px; background-position:-14px 0; vertical-align:text-bottom; }
#copy .rss:hover { background-position:-14px -14px; }
#copy .apple { padding-left:18px; margin-left:14px; background:url(../img/logo-apple.png) left center no-repeat; }
#copy img { float:right; margin:-22px 10px 0 0; }

/* Estilos home */
#outstanding { position:relative; height:200px; margin-bottom:5px; }
#outstanding .scrollButtons { position:absolute; top:90px; width:18px; height:25px; background:url(../img/destacados_flechas.png) no-repeat; text-indent:-10000px; outline:none; }
#outstanding .scrollButtons:hover { background-position:0 -25px; }
#outstanding .scrollButtons.right { left:880px; background-position:-18px 0; }
#outstanding .scrollButtons.right:hover { left:880px; background-position:-18px -25px; }
#outstanding .navigation ul { position:absolute; bottom:-4px; right:27px; z-index:3; }
#outstanding .navigation li { display:inline; list-style:none; }
#outstanding .navigation li a { display:inline-block; width:14px; height:14px; background:url(../img/destacados_punto.png) no-repeat center top; text-align:left; text-indent:-10000px; outline:none; }
#outstanding .navigation li a.selected, #outstanding .navigation li a:hover { background-position:center bottom; }
#outstanding .scroll { position:absolute; top:0; left:21px; z-index:1; width:856px; height:200px; overflow:hidden; }
#outstanding .scroll ul { height:200px; }
#outstanding .scroll li { position:relative; float:left; width:856px; height:200px; overflow:hidden; }

#outstanding .scroll li h3 { position:relative; z-index:2; padding:15px 0 0 10px; color:#000; font:38px Myriad,'Trebuchet MS',Helvetica,sans-serif; }
#outstanding .scroll li p { position:relative; z-index:2; padding-left:15px; font-size:16px; font-style:italic; }
#outstanding .scroll li a { color:#e2007a; text-decoration:none; }
#outstanding .scroll li a:hover { text-decoration:underline; }
#outstanding .scroll li img { position:absolute; top:0; right:0; z-index:1; }

#our_work { padding-left:21px; font:16px Myriad,'Trebuchet MS',Helvetica,sans-serif; overflow:hidden; }
#our_work li { float:left; width:270px; height:203px; margin:0 23px 23px 0; overflow:hidden; }
#our_work a { display:block; width:270px; height:246px; background:#000; text-decoration:none; }
#our_work a span { display:block; width:270px; height:43px; line-height:36px; text-align:center; color:#fff; }
#our_work a:hover { margin-top:-43px; }
.js #our_work a:hover { margin-top:0; }
#our_work li.loaded, #our_work li.endpage { display:none; }

#activity .center { padding-bottom:55px; overflow:hidden; }
#activity #blog { float:left; width:545px; padding:8px 9px; margin:0 23px -35px 21px; background:#e5e3e3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
#activity #blog h3 { padding-bottom:5px; font:20px Myriad,'Trebuchet MS',Helvetica,sans-serif; }
#activity #blog h3 a { text-decoration:none; color:#4b4b4b; }
#activity #blog h3 a:hover { color:#e2007a; }
#activity #blog p { padding:5px 0; }
#activity #blog img { float:left; margin-right:10px; }
#activity #twitter { float:left; width:270px; padding-bottom:20px; margin-top:5px; background:url(../img/bocadillo.png) no-repeat bottom; }
#activity #twitter div { position:relative; width:270px; padding-top:5px; margin-top:-5px; background:url(../img/bocadillo.png) no-repeat top; }
#activity #twitter .time { padding:6px 10px 8px; color:#a7c1cc; font-size:20px; font-style:italic; }
#activity #twitter .twit { padding:0 10px 20px; color:#fff; font-size:13px; line-height:16px; }
#activity #twitter .twit a { color:#29A7DF; text-decoration:none; }
#activity #twitter .twit a:hover { text-decoration:underline; }
#activity #twitter .follow { position:absolute; bottom:-60px; display:block; height:36px; padding-left:50px; margin-left:10px; background:url(../img/twitter.png) no-repeat 10px 0; color:#29a7df; font-size:14px; line-height:32px; font-style:italic; text-decoration:none; }
#activity #twitter .follow:hover { text-decoration:underline; }

/* Estilos works */
#tag_submenu { background:url(../img/tags_sep.png) repeat-x top; text-align:right; }
#tag_submenu .center { width:856px; padding:3px 22px 2px; }
#tag_submenu #div_list { width:695px; min-height:20px;  }
#tag_submenu .list { overflow:hidden; }
#tag_submenu .list li { float:left; padding:2px 0 2px 8px; }
#tag_submenu .list a { display:inline-block; padding:1px 6px 2px; color:#4b4b4b; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
#tag_submenu .list a:hover { background:#d4d4d4; }
#tag_submenu .list a.current { background:#e2007a; color:#fff; }
#tag_submenu label { float:left; padding-top:2px; }
#tag_submenu #div_select { float:right; width:160px; padding-top:2px; }

.lateral { position:relative; top:-87px; width:31px; height:31px; margin-bottom:-87px; background:url(../img/laterales_bg.png) no-repeat; }
.lateral.left { float:left; left:-25px; padding:27px 11px 29px 8px; }
.lateral.right { float:right; right:-25px; padding:27px 8px 29px 11px; background-position:-50px 0; }
.lateral.right.loading { background-position:-100px 0; }
.lateral.top { top:15px; }
.lateral a { display:block; width:31px; height:31px; background:url(../img/laterales_btn.png) no-repeat top left; text-align:left; text-indent:-10000px; outline:none; }
.lateral a:hover, .lateral a span { background-position:0 -31px; }
.js .lateral a:hover { background-position:0 0; }
.ie .lateral a:hover { background-position:0 -31px; }
.lateral a.top, .js .lateral a.top:hover { background-position:-31px 0; }
.lateral a.top:hover, .ie .lateral a.top:hover, .lateral a.top span { background-position:-31px -31px; }
.lateral a.back, .js .lateral a.back:hover { background-position:-62px 0; }
.lateral a.back:hover, .ie .lateral a.back:hover, .lateral a.back span { background-position:-62px -31px; }
.lateral a span { display:block; opacity:0; width:31px; height:31px; background:url(../img/laterales_btn.png) no-repeat bottom left; }
.lateral .loading { float:left; display:none; width:31px; height:31px; background:url(../img/loading.gif) no-repeat center center; text-indent:-10000px; outline:none; }

/* #p_work h2 { display:none; } */
#p_work #our_work { padding:20px 0 16px 21px; }

#project { padding-bottom:24px; overflow:hidden; }
#project h2 { padding:15px 22px; font:24px Myriad,'Trebuchet MS',Helvetica,sans-serif; text-shadow:none; }
#project #media { float:left; padding-left:21px; }
#project #media li { width:563px; margin-bottom:10px; overflow:hidden; }
#project #info { float:right; width:270px; margin-right:22px; font-size:13px; }
#project #description p { padding-bottom:15px; }
#project #info .section { padding:10px 5px; background:url(../img/tags_sep.png) repeat-x top; }
#project #info .item { display:inline-block; height:25px; line-height:22px; padding:0 5px 0 30px; background:url(../img/pry_items.png) no-repeat; font-style:italic; }
#project #info a.item, #project #info .item a { color:#e2007a; text-decoration:none; }
#project #info a.item:hover, #project #info .item a:hover { text-decoration:underline; }
#project #info #visit { margin-right:30px; background-position:0 0; }
#project #info #love { padding-left:0; background-position:0 -25px; }
#project #info #love .loves { display:inline-block; width:24px; padding:0 5px 0 1px; color:#fff; font:8px Hooge0556,Verdana,Geneva,sans-serif; text-align:center; vertical-align:text-top; }
#project #info #share { background-position:0 -50px; }
#project #info #related { background-position:0 -75px; }
#project #info #tags { background-position:0 -100px; }
#project #sharelist { display:inline; cursor:default; }
#project #sharelist li { display:inline; padding:0 4px; }
#project #sharelist a { display:inline-block; width:20px; height:20px; background:url(../img/share_icos.png) no-repeat; text-indent:-10000px; outline:none; }
#project #sharelist a:hover { background-position:0 -20px; }
#project #sharelist #s_twit { background-position:-20px 0; } #project #sharelist #s_twit:hover { background-position:-20px -20px; }
#project #sharelist #s_face { background-position:-40px 0; } #project #sharelist #s_face:hover { background-position:-40px -20px; }
#project #sharelist #s_deli { background-position:-60px 0; } #project #sharelist #s_deli:hover { background-position:-60px -20px; }
#project #sharelist #s_digg { background-position:-80px 0; } #project #sharelist #s_digg:hover { background-position:-80px -20px; }
#project #relatedlist { padding:10px 0 0 35px; font-size:12px; }
#project #relatedlist a { color:#e2007a; text-decoration:none; }
#project #relatedlist a:hover { text-decoration:underline; }
#project #tagslist { margin-top:10px; font-size:12px; line-height:25px; cursor:default; }
#project #tagslist li { display:inline; padding-left:6px; }
#project #tagslist a { padding:1px 4px 3px; background:#d4d4d4; color:#4b4b4b; white-space:nowrap; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
#project #tagslist a:hover { background:#e2007a; color:#fff; }

.sr_replaced { display:none; }
.sr_main { position:relative; display:inline-block; width:85px; text-align:left; }
.sr_selected { width:75px; height:20px; margin:0 5px; background:#373737 url(../img/selected_bg.gif) repeat-x top; color:#e6e6e6; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.sr_selected span { display:block; padding:0 20px 0 10px; line-height:18px; background:url(../img/flechas.gif) no-repeat 60px 5px; cursor:pointer; }
.sr_selected span:hover { color:#fff; }
.sr_box { display:none; position:absolute; top:-5px; z-index:10; padding:5px; background:#f1f1f1; color:#fff; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; }
.sr_box ul { width:75px; background:#373737 url(../img/select_bg.png) repeat-x top; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.sr_box li { padding:0 0 2px 10px; line-height:18px; color:#e6e6e6; }
.sr_box li:hover { color:#e2007a; cursor:pointer; }

/* estilos del contenido */
#content.normal { padding:0 0 40px 21px; font-size:1.1em; text-align:justify; }
#content.normal a { color:#E2007A; text-decoration:none; }
#content.normal a:hover { text-decoration:underline; }
#content.normal p { margin:5px 0 15px; }
#content.normal h2 { padding:15px 0 10px; font:24px Myriad,'Trebuchet MS',Helvetica,sans-serif; text-shadow:none; }
#content.normal h3 { padding:0 0 10px; font:20px Myriad,'Trebuchet MS',Helvetica,sans-serif; }
#content.normal h4 { margin:15px 0 10px; font-size:1.35em; color:#000000; }
#content.normal ul { margin:10px 0 10px 30px; list-style:disc; }
#content.normal ol { margin:10px 0 10px 30px; }
#content.normal li { margin:4px 0; text-align:justify; }
#content.normal img { }
#content.normal img.left { float:left; margin:0 10px 5px 0; }
#content.normal img.right { float:right; margin:0 0 5px 10px; }
#content.normal img.center { display:block; margin:0 auto 5px; }
#content.normal a img { border:none; }
#content.normal .destacado1 { font-weight:bold; color:#29A7DF; }
#content.normal .destacado2 { font-weight:bold; color:#000000; }
#content.normal table { max-width:100%; margin:1em auto; border-collapse:collapse; border:none; }
#content.normal table td, #content table th { padding:.4em .4em; border-bottom:1px dashed #999; }
#content.normal table thead { border-bottom:2px solid #999; font-weight:bold; }
#content.normal table thead td, #content table th {font-weight:bold; }
#content.normal table thead a, #content table th a { font-weight:bold; text-decoration:none; }
#content.normal blockquote { clear:both; margin:10px 0; padding:5px 10px; background:#FDFDE4; font-style:italic; }
#content.normal blockquote p { margin:5px 0; }

#content.normal .cols { overflow:hidden; }
#content.normal .col  { float:left; width:270px; padding:10px 0; margin:5px 23px 5px 0; }
#content.normal .col2 { float:left; width:563px; padding:10px 0; margin:5px 23px 5px 0; }
#content.normal .col3 { float:left; width:856px; padding:10px 0; margin:5px 23px 5px 0; }
#content.normal .col_bg  { float:left; width:250px; padding:10px; margin:5px 23px 5px 0; background:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
#content.normal .col2_bg { float:left; width:543px; padding:10px; margin:5px 23px 5px 0; background:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
#content.normal .col3_bg { float:left; width:836px; padding:10px; margin:5px 23px 5px 0; background:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }

#content.normal table.servicios { width:750px; }
#content.normal table.servicios tbody td:first-child { width:235px; }

/* 404 */
#p_404 #content { padding:490px 21px 80px; background:url(../img/404.png) no-repeat center 120px; text-align:center; font-size:14px; }
#p_404 #content h2 { position:absolute; top:55px; left:332px; margin:0; padding:0; font-size:48px; color:#e2007a; }
#p_404 #content h2 strong { font-size:72px; }
#p_404 #content h3 { position:absolute; top:114px; left:327px; margin:0; padding:0; font-size:39px; font-style:italic; color:#8dd100; }
#p_404 #content h4 { position:absolute; top:60px; right:482px; margin:0; padding:0; font:29px Myriad,'Trebuchet MS',Helvetica,sans-serif; color:#505050; }
#p_404 #content a { color:#4b4b4b; text-decoration:none; }
#p_404 #content a:hover { text-decoration:underline; }
#p_404 #content a span { color:#e2007a; }



/* perttyCheckboxes */
label.checkbox span.holder { height:61px; background:url(../img/checkbox.png) 0 0 no-repeat }
label.radio span.holder { height:61px; background:url(../img/radio.gif) 0 -1px no-repeat }
label.checkbox:hover span.holder,label.radio:hover span.holder { top:-20px !important }
label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder { top:-40px !important }
label.list { /*float:left;*/ clear:left; margin:0 0 5px 0 }
label.inline { float:left; margin:0 10px 0 0 }
input.hiddenCheckbox { position:absolute; left:-10000px }
label.prettyCheckbox span.holderWrap { display:block; float:left; position:relative; margin-right:5px; overflow:hidden }
label.prettyCheckbox span.holder { display:block; position:absolute; top:0; left:0 }

#thecssawards { position:absolute; top:0px; right:0px; z-index:555; }
#thecssawards a { width:69px; height:105px; text-indent:-8000px; display:block; background:url(../img/award_day_black.png) no-repeat; outline:none; }