@charset "utf-8";

/* 
*  CSS & HTML quick reference and browser support:
*  http://reference.sitepoint.com/
*  CodeBurner FF extension
*
*  CCS & HTML complete reference:
*  http://www.w3.org/
*  http://www.w3.org/2009/cheatsheet/
*/

/*
*  CSS & HTML snippets:
*  http://code.google.com/p/zen-coding/
*/

/*
*  CSS & HTML validation:
*  http://validator.w3.org/
*  http://jigsaw.w3.org/css-validator/
*  Web Developer FF extension
*/

/* 
*  CSS browser targeting reference:
*  http://www.nealgrosskopf.com/tech/thread.asp?pid=20
*  http://paulirish.com/2009/browser-specific-css-hacks/
*/

/*
*  CSS browser testing:
*  http://browsershots.org/
*  http://browserlab.adobe.com/
*/

/* @group FRAMEWORK */
/* @group RESET */
/* v1.0 | 20080212 http://meyerweb.com/eric/tools/css/reset/index.html */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* remember to define focus styles! */
:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}
/* @end RESET */

/* @group TYPOGRAPHY */
/* Based on http://developer.yahoo.com/yui/3/cssfonts/ and http://960.gs/ */
/* Font rendering normalization. Use YUI Font sizing chart to set font size (percentage based).*/
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,helvetica,clean,sans-serif;*font-size:small}
h1,h2,h3,h4,h5,h6{font-family:'Helvetica Neue',Arial,'Liberation Sans',FreeSans,helvetica,clean,sans-serif}
/* Nudge down to get to 13px equivalent for these form elements */
select,input,button,textarea{font:99% 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,helvetica,clean,sans-serif}
/* To help tables remember to inherit */
table{font-size:inherit;font:100%}
/* Bump up IE to get to 13px equivalent for these fixed-width elements */ 
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
/* 960 Baseline: Font 13px * 1.5(line-height) = 19.5px */
/* YUI Baseline: Font 13px * 1.231(line-height) = 16px or 1.231em */
p,hr,h1,h2,h3,h4,h5,h6,dl,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
/* @end TYPOGRAPHY */

/* @group GRIDS */
/* Based on http://960.gs/ and http://www.gridsystemgenerator.com or http://www.spry-soft.com/grids/ */
/* Optimized with http://cleancss.com/ */
/* 960px (950px for content), 24 columns, 10px gutter */
/* Document dimensions based on http://developer.yahoo.com/yui/grids/ */
.container_24{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}
.alpha{margin-left:0}
.omega{margin-right:0}
/* Grid Units */
.container_24 .grid_1{width:30px}
.container_24 .grid_2{width:70px}
.container_24 .grid_3{width:110px}
.container_24 .grid_4{width:150px}
.container_24 .grid_5{width:190px}
.container_24 .grid_6{width:230px}
.container_24 .grid_7{width:270px}
.container_24 .grid_8{width:310px}
.container_24 .grid_9{width:350px}
.container_24 .grid_10{width:390px}
.container_24 .grid_11{width:430px}
.container_24 .grid_12{width:470px}
.container_24 .grid_13{width:510px}
.container_24 .grid_14{width:550px}
.container_24 .grid_15{width:590px}
.container_24 .grid_16{width:630px}
.container_24 .grid_17{width:670px}
.container_24 .grid_18{width:710px}
.container_24 .grid_19{width:750px}
.container_24 .grid_20{width:790px}
.container_24 .grid_21{width:830px}
.container_24 .grid_22{width:870px}
.container_24 .grid_23{width:910px}
.container_24 .grid_24{width:950px}
/* Prefix Extra Space */
.container_24 .prefix_1{padding-left:40px}
.container_24 .prefix_2{padding-left:80px}
.container_24 .prefix_3{padding-left:120px}
.container_24 .prefix_4{padding-left:160px}
.container_24 .prefix_5{padding-left:200px}
.container_24 .prefix_6{padding-left:240px}
.container_24 .prefix_7{padding-left:280px}
.container_24 .prefix_8{padding-left:320px}
.container_24 .prefix_9{padding-left:360px}
.container_24 .prefix_10{padding-left:400px}
.container_24 .prefix_11{padding-left:440px}
.container_24 .prefix_12{padding-left:480px}
.container_24 .prefix_13{padding-left:520px}
.container_24 .prefix_14{padding-left:560px}
.container_24 .prefix_15{padding-left:600px}
.container_24 .prefix_16{padding-left:640px}
.container_24 .prefix_17{padding-left:680px}
.container_24 .prefix_18{padding-left:720px}
.container_24 .prefix_19{padding-left:760px}
.container_24 .prefix_20{padding-left:800px}
.container_24 .prefix_21{padding-left:840px}
.container_24 .prefix_22{padding-left:880px}
.container_24 .prefix_23{padding-left:920px}
/* Suffix Extra Space */
.container_24 .suffix_1{padding-right:40px}
.container_24 .suffix_2{padding-right:80px}
.container_24 .suffix_3{padding-right:120px}
.container_24 .suffix_4{padding-right:160px}
.container_24 .suffix_5{padding-right:200px}
.container_24 .suffix_6{padding-right:240px}
.container_24 .suffix_7{padding-right:280px}
.container_24 .suffix_8{padding-right:320px}
.container_24 .suffix_9{padding-right:360px}
.container_24 .suffix_10{padding-right:400px}
.container_24 .suffix_11{padding-right:440px}
.container_24 .suffix_12{padding-right:480px}
.container_24 .suffix_13{padding-right:520px}
.container_24 .suffix_14{padding-right:560px}
.container_24 .suffix_15{padding-right:600px}
.container_24 .suffix_16{padding-right:640px}
.container_24 .suffix_17{padding-right:680px}
.container_24 .suffix_18{padding-right:720px}
.container_24 .suffix_19{padding-right:760px}
.container_24 .suffix_20{padding-right:800px}
.container_24 .suffix_21{padding-right:840px}
.container_24 .suffix_22{padding-right:880px}
.container_24 .suffix_23{padding-right:920px}
/* @end GRIDS */

/* @group BASE */
@font-face {
    font-family: 'LatoBold';
    src: url('http://static.margenn.com/assets/css/Lato-Bold-webfont.eot?') format('eot'),
         url('http://static.margenn.com/assets/css/Lato-Bold-webfont.woff') format('woff'),
         url('http://static.margenn.com/assets/css/Lato-Bold-webfont.ttf') format('truetype'),
         url('http://static.margenn.com/assets/css/Lato-Bold-webfont.svg#webfontQibrf0WF') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,body{background-color:#FFF}
/* Vertical rhythm http://drewish.com/tools/vertical-rhythm */
/* Font stacks from http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/ */
/* Font stack balanced for paragraphs or body copy */
body{color:#000}
/* Font stack balanced for headlines or titles */
h1,h2,h3,h4,h5,h6{}
/* Base scale */
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
strong{font-weight:bold}
a{color:#000}
a:hover{text-decoration:none}
/* FF3 Win tiene problemas el shorthand outline: 1px dotted invert; */
a:focus{outline-width:1px;outline-style:dotted;outline-color:invert}
hr{border: 0 #ccc solid;border-top-width:1px;clear:both;height:0}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}
.replace-cufon{font-family: LatoBold;font-size:35px;}
/* @end BASE */

/* @group WIDGETS */
/* Base Button */
button,a.button{font-size:100%}
button,a.button{padding:5px 10px;color:#565656;background-color:#F5F5F5;font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;font-weight:bold;border:1px solid #DEDEDE;border-top-color:#EEE;border-left-color:#EEE;cursor:pointer}
button{*margin-right:0.45em;*padding:4px 10px 3px 10px} /* IE7 */
a.button{text-decoration:none;padding:5px 10px 6px 10px}
button:hover,a.button:hover{color:#336699;background-color:#DFF4FF;border-color:#C2E1EF}
button:active,a.button:active{color:#FFF;background-color:#6299C5;border-color:#6299C5;outline:0}
/* Extended Buttons */
/* Icon */
button.icon{padding:5px 10px 5px 7px;*padding:4px 10px 3px 7px}
a.button.icon{padding:5px 10px 6px 7px}
button.icon img{margin-left:-3px}
button.icon img,a.button.icon img{vertical-align:text-top}
/* Positive */
button.positive,a.button.positive{color:#529214}
button.positive:hover,a.button.positive:hover{color:#529214;background-color:#E6EFC2;border-color:#C6D880}
button.positive:active,a.button.positive:active{color:#FFF;background-color:#529214;border-color:#529214}
/* Negative */
button.negative,a.button.negative{color:#D12F19}
button.negative:hover,a.button.negative:hover{color:#D12F19;background-color:#FBE3E4;border-color:#FBC2C4}
button.negative:active,a.button.negative:active{color:#FFF;background-color:#D12F19;border-color:#D12F19}

/* Skin: wufoo */
/* Based on http://wufoo.com/ */
button,a.button{color:#464646;background:#EAEAEA url(http://static.margenn.com/assets/img/bck_button.png) repeat-x left top;border:1px solid #DEDEDE;border-right-color:#BBB;border-bottom-color:#BFBFBF;-webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;-moz-box-shadow:rgba(0,0,0,.15) 0px 1px 3px;border-radius:11px;-webkit-border-radius:11px;-moz-border-radius:11px}
button:hover,a.button:hover{color:#000;border-color:#999}
button:active,a.button:active{border-color:#CCC;background:#FFF url(http://static1.margenn.com/assets/img/bck_button_on.png) repeat-x left top;-webkit-box-shadow:none;-moz-box-shadow:none}

button.positive,a.button.positive{color:#63A142;font-weight:bold}
button.positive:hover,a.button.positive:hover{color:#63A142;border-color:#7CB043}
button.positive:active,a.button.positive:active{color:#FFF;background:#94B717;border-color:#94B717;text-shadow:#607710 1px 1px 1px}

button.negative,a.button.negative{color:#D12F19;font-weight:bold}
button.negative:hover,a.button.negative:hover{color:#D12F19;border-color:#E86B6D}
button.negative:active,a.button.negative:active{color:#FFF;background:#D12F19;border-color:#D12F19;text-shadow:#A93816 1px 1px 1px}
/* @end WIDGETS */

/* @group HELPERS */
.self-clear{overflow:hidden}
/* http://sonspring.com/journal/clearing-floats */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
/* slightly enhanced, universal clearfix hack */
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:inline-block}
/* start commented backslash hack \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* close commented backslash hack */
.phark{text-indent:-9999px;background-repeat:no-repeat;background-position:top left}
.phark a{display:block;height:100%}
.bold{font-weight:bold}
.hidden{display:none}
.float-l{float:left}
.underline{text-decoration:underline}
/* @end HELPERS */
/* @end FRAMEWORK */

/* @group SKIN */

/* Browser safe fonts from http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html */
/* Font stacks from http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/ */
/* Font stack balanced for paragraphs or body copy */
/* Font stack balanced for headlines or titles */
/* px to em conversion from http://riddle.pl/emcalc/ */

/* @group WIDGETS */
/* 
*  Naming convention:
*  module/widget/component/class .parent
*  .parent.child extends .parent
*/

html,body{background:#E3E3E3 url(http://static.margenn.com/assets/img/bck_noise_grey.png) repeat left top}
.container_24{background-color:#FFF}

/* widget .document.contacto extends .document */
.document.contacto{background:url(http://static1.margenn.com/assets/img/bck_noise_green.png) repeat-x left 74px}

/* widget .document.header extends .document */
.document.header{background:url(http://static.margenn.com/assets/img/bck_noise_red.png) repeat-x left 50px}

/* widget .document>.footer */
.document>.footer{background-color:transparent;color:#979797}
.document>.footer .body a,.document>.footer .footer a{color:#979797;text-decoration:none;border-bottom:1px dotted #979797}
.document>.footer .body a:hover,.document>.footer .footer a:hover{border-bottom-color:#FFF;color:#FFF}
.document>.footer .body{background-color:#171717;margin-left:120px}
.document>.footer .body .article{padding:20px;position:relative}
.document>.footer .body .article .close{background-color:#CD091B;font-size:23px;font-weight:bold;padding:0 10px 3px;position:absolute;top:0;right:20px}
.document>.footer .body .article .close a{border-bottom:none;color:#FFF;line-height:1;outline:0}
.document>.footer .body .article .close a:hover{color:#000}
.document>.footer .body .article .close .icon{font-size:24px;font-weight:normal;vertical-align:text-top}
.document>.footer .body .article.legal .title{color:#FFF;border-bottom:1px dotted}
.document>.footer .footer{background:url(http://static1.margenn.com/assets/img/logo_margenn_black_small.png) #171717 no-repeat 25px center;height:60px;line-height:60px;margin-left:120px}
.document>.footer .footer .legal{padding-left:216px}
.document>.footer .login{float:left;line-height:60px;margin-left:5px}

/* widget .document>.header */
.document>.header{padding:40px 0 30px 0;position:relative}
.document>.header .logo{background:#CD091B url(http://static.margenn.com/assets/img/logo_margenn_red.png) no-repeat 73px 17px;float:left;height:105px;margin-bottom:0;width:461px}
.document>.header .contacto,.document>.header .contacto a{color:#3A3A3A}
.document>.header .contacto{font-size:36px;height:105px;line-height:105px;margin-bottom:0;text-align:center}
.document>.header .contacto .replace-cufon{font-size:30px}
.document>.header .contacto .separator{font-size:25px}
.document>.header .contacto a{text-decoration:none}
.document>.header .nav{margin-top:0;position:absolute;top:10px;right:0}

/* widget .drilldown */
.drilldown a{background-image:url(http://static1.margenn.com/assets/img/ico_drilldown_off.png);background-position:left center;background-repeat:no-repeat;color:#808080;font-size:20px;outline:none;padding-left:20px;text-decoration:none}
.drilldown.on a{background-image:url(http://static.margenn.com/assets/img/ico_drilldown_on.png)}

/* widget .nav */
.nav{float:right;margin:20px 0}
.nav ul{background-color:#414141;float:left;font-size:15px;font-weight:bold;height:24px;line-height:22px;margin-bottom:0;padding:0 12px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;border-top-left-radius:10px;border-bottom-left-radius:10px}
.nav li{color:#FFF;display:inline;list-style-type:none;margin-left:12px}
.nav a{color:#FFF;text-decoration:none;outline:none}
.nav a:hover{color:#B8B8B8}
.nav .cutout{background:url(http://static1.margenn.com/assets/img/bck_noise_grey.png) repeat top left;float:left;height:24px;width:10px}

/* widget .outro */
.outro{clear:both;line-height:1}
.outro .title{font-size:30px;margin-bottom:0}
.outro .subtitle{color:#666;font-size:20px}

/* widget .outro.devices extends .outro */
.outro.devices{background:url(http://static.margenn.com/assets/img/ico_devices.png) no-repeat 0 center;margin:20px 0 60px 60px;padding:2px 0 0 100px}
.outro.devices{*background-color:#FFF} /* IE7 */

/* widget .outro.partners extends .outro */
.outro.partners{background:url(http://static1.margenn.com/assets/img/ico_partners.png) no-repeat 20px center;margin-left:120px;padding-left:115px}
.outro.partners{*background-color:#FFF} /* IE7 */

/* widget .perfil */
.perfil{font-size:30px;line-height:1}
.perfil .avatar{float:left;margin:0 10px 5px 0}
.perfil .title,.perfil .contacto{margin-bottom:10px}
.perfil .title{color:#CD091B;font-size:30px;line-height:1}
.perfil .subtitle{font-weight:normal}
.perfil .contacto{font-size:20px}
.perfil .contacto a{text-decoration:none}
.perfil .drilldown{clear:both}
.perfil .bio{background-color:#F2F2F2;color:#4D4D4D;font-size:15px;line-height:1.3}
.perfil .bio .header{background-color:#FFF;border:20px solid #F2F2F2;border-width:20px 20px 0 0;color:#CD091B;font-family:Georgia,Times,'Times New Roman',serif;font-size:25px;font-style:italic;padding:10px}
.perfil .bio .header .quote{margin-bottom:0}
.perfil .bio .body{padding:10px 20px 20px}
.perfil .bio p{margin-bottom:10px}
.perfil .bio .social{background:url(http://static.margenn.com/assets/img/ico_plus_round.png) no-repeat 2px 10px;border-top:4px solid #DDD;list-style-type:none;margin-bottom:0;padding:10px 0 0 67px}
.perfil .bio .social li{margin-left:0}
.perfil .bio .social a{color:#111;text-decoration:none}
.perfil .bio .social a .user{color:#9D9D9D}
.perfil .bio .social a:hover,.perfil .bio .social a:hover .user{color:#CD091B}

/* widget .section.contacto extends .section */
.section.contacto>.header,.section.contacto>.header a{color:#3A7300}
.section.contacto>.header{background:#7CCD09 url(http://static1.margenn.com/assets/img/ico_chat.png) no-repeat 60px center;clear:both;height:105px;line-height:105px;margin-bottom:20px;padding-left:135px}
.section.contacto>.header a{text-decoration:none}
.section.contacto>.header .title{font-size:38px}
.section.contacto>.header .title .highlight,.section.contacto>.header .title .separator{color:#203D00}
.section.contacto>.header .title .highlight{text-transform:uppercase}
.section.contacto>.header .title .separator{font-size:25px}
.section.contacto>.article{font-size:20px;line-height:1.3}
.section.contacto>.article .title{margin-bottom:10px;text-transform:uppercase}
.section.contacto>.article.social li{background-repeat:no-repeat;background-position:left center;list-style-type:none;margin:0 0 5px 0;padding-left:40px}
.section.contacto>.article.social .blog{background-image:url(http://static.margenn.com/assets/img/ico_rss.png);background-position:6px center}
.section.contacto>.article.social .facebook{background-image:url(http://static1.margenn.com/assets/img/ico_facebook.png);background-position:6px center}
.section.contacto>.article.social .twitter{background-image:url(http://static.margenn.com/assets/img/ico_twitter.png)}
.section.contacto>.article.social a{color:#666;text-decoration:none}
.section.contacto>.article.social a:hover{color:#000}
.section.contacto .map{height:500px;margin:0 0 20px 120px;width:795px}

/* widget .section-header */
.section-header-wrapper{background:url(http://static1.margenn.com/assets/img/bck_noise_grey.png) repeat top left;clear:both}
.section-header{background-color:#FFF;border-left:90px solid #EFEFEF;color:#666;left:10px;line-height:1;margin:0 10px 30px 0;padding-left:20px;position:relative}
.section-header .title{color:#C2C2C2;font-size:38px;font-weight:bold;margin-bottom:5px;text-transform:uppercase}
.section-header .subtitle{font-size:30px;font-weight:normal;line-height:1.1}

/* widget .servicio */
.servicio{margin-bottom:20px}
.servicio>.header{background:url(http://static.margenn.com/assets/img/bck_callout_down.png) no-repeat 60px bottom}
.servicio>.header .icono,.servicio>.header .title{float:left}
.servicio>.header .title{font-size:30px;line-height:1}
.servicio>.body {background-color:#F2F2F2;border-right:10px solid #FFF;color:#4D4D4D;font-size:15px;line-height:1.3;min-height:350px}
.servicio>.body .counter {float:left;font-size:60px;color:#DFDFDF;line-height:1.1;text-align:center;width:60px}
.servicio>.body .article {margin:10px 0 0 60px;padding-right:10px}

/* widget .slideshow */
/*.slides{height:336px;margin:0 auto;overflow:hidden;width:830px}*/
/* Necesario para jQuery Tools Scrollable http://flowplayer.org/tools/scrollable/ */
.slideshow{height:336px;margin:0 auto;overflow:hidden;position:relative;width:830px}
.slideshow .slides{position:absolute;width:2000em}
.slideshow .slide{float:left;width:830px}
.slideshow .screenshot{position:relative}
.slideshow .notes{position:absolute}
.slideshow .notes .body{background-color:#CD091B;padding:15px}
.slideshow .notes .title{color:#FFF;font-size:25px;line-height:1;margin-bottom:10px}
.slideshow .notes .subtitle,.slideshow .notes .subtitle a{color:#FF7562}
.slideshow .notes .subtitle{font-size:15px;line-height:1.2;margin:10px 0 0}
.slideshow .notes .subtitle a{border-bottom:1px dotted;color:#FF7562;text-decoration:none}
.slideshow .notes .subtitle a:hover{color:#FFF}
.slideshow .notes .subtitle .highlight{color:#FFF}
.slideshow .notes.left{background:transparent url(http://static1.margenn.com/assets/img/bck_callout_right_red.png) no-repeat right 15px;padding-right:10px;left:0}
.slideshow .notes.right{background:transparent url(http://static.margenn.com/assets/img/bck_callout_left_red.png) no-repeat left 15px;padding-left:10px;right:0}
.slideshow .notes.bottom{bottom:15px}
.slideshow .notes.top{top:0}

/* widget .slideshow-controls */
.slideshow-controls{background:url(http://static1.margenn.com/assets/img/bck_slideshow_controls.png) no-repeat center top;clear:both;font-size:30px;height:83px;margin:0 auto 20px auto;position:relative;width:881px}
.slideshow-controls .controls{margin:0}
.slideshow-controls a{background-repeat:no-repeat;color:#AEAEAE;display:block;font-weight:bold;outline:0;position:absolute;text-decoration:none}
.slideshow-controls a:hover{color:#666}
.slideshow-controls .step{height:83px;line-height:83px}
.slideshow-controls .prev{background:url(http://static.margenn.com/assets/img/ico_slideshow_controls_prev.png) no-repeat left center;left:150px;padding-left:28px}
.slideshow-controls .prev:hover{background-image:url(http://static1.margenn.com/assets/img/ico_slideshow_controls_prev_on.png)}
.slideshow-controls .next{background:url(http://static.margenn.com/assets/img/ico_slideshow_controls_next.png) no-repeat right center;padding-right:28px;right:150px}
.slideshow-controls .next:hover{background-image:url(http://static1.margenn.com/assets/img/ico_slideshow_controls_next_on.png)}
.slideshow-controls .auto{background-image:url(http://static.margenn.com/assets/img/sprite_slideshow_controls.png);height:45px;width:45px;left:50%;margin:26px 0 0 -22px}
.slideshow-controls .auto{background-position:left top}
.slideshow-controls .auto:hover{background-position:left -45px}
.slideshow-controls .auto.on{background-position:left -90px}
.slideshow-controls .auto.on:hover{background-position:left -135px}

/* widget .slide.intro */
.slide.intro .tagline .title{color:#CD091B;font-size:38px;font-weight:bold;line-height:1;text-transform:uppercase}
.slide.intro .tagline .subtitle{font-size:38px;font-weight:normal;line-height:1}

/* widget .slide.call-to-action */
.slide.call-to-action .header{color:#C2C2C2;font-size:200px;font-weight:bold;height:336px;line-height:336px;position:relative;right:80px;text-align:right;width:830px}
.slide.call-to-action .notes .body{padding:150px;text-align:center}

/* widget .google-map */
.google-map{margin:0 auto 20px}
.google-map iframe{border:0;width:100%}

/* widget .solucion */
.solucion .icono{float:left}
.solucion .title,.solucion .subtitle{margin-left:96px}
.solucion .title{font-size:30px;line-height:1;margin-bottom:10px}
.solucion .subtitle{color:#666;font-size:20px;line-height:1.3;margin-bottom:30px}

/* widget .testimonial */
.testimonial{background-color:#F2F2F2;font-size:20px}
.testimonial .comentario{color:#4D4D4D;font-style:italic;line-height:1.3;padding:15px}
.testimonial .comentario p{margin-bottom:10px}
.testimonial .autor{background:#FFF url(http://static1.margenn.com/assets/img/bck_callout_up.png) no-repeat 90px top}
.testimonial .autor .avatar{float:left;padding:10px}
.testimonial .autor .title{font-weight:normal;line-height:1.3;margin-top:27px}
.testimonial .autor .subtitle{color:#666}
/* @end WIDGETS */

/* @group PAGES */
/* @group INICIO */
.page-inicio .section.soluciones{background:url(http://static1.margenn.com/assets/img/bck_margenn_watermark.png) no-repeat right bottom}
.page-inicio .team{margin:50px 0 20px}
.page-inicio .google-map{width:910px}
.page-inicio .google-map iframe{height:640px}
/* @end INICIO */
/* @end PAGES */

/* @end SKIN */