[11/11/2015 15:35:33] Paulo Ricardo: senha 123456[11/11/2015 15:36:00] Paulo Ricardo: ou arthur_nicodemus@hotmail.com

header

numero tel colocar no lugar do my account

acoount no lugar do search

icones de redes depois da linha

no menu centralizar ele na linha

botao veivculo

alinhar na esquerda com o box e colocar pra cima

3 boxes colocar titulo em duas linhas

colocar a mesma altura

altura do botao

alinhar todo o site pra 1170

espaco maior dos titulotamanho padrao das imagensaltura do box ( duas linhas com promocao)

gt (colocar ele absolute )

tira a ijmagem de fundo

rodape

tirar o titulo do box

mudar a posicao dos itens no rodape colocar as listas primeiro e depois o facebookpor ultimo, alinhar os itens no rodape com a margem da direita e esquerda

index

@model EasyShop.Models.Home@{ ViewBag.Title = "Home"; var p = 1;}

<section id="main-slider" class="no-margin">

<div id="owl-carousel" class="owl-carousel"> @foreach (var item in Model.Banner) {

<div class="item"> <div class="overlay"></div> <img src="@item.File_Image" />

</div> } </div>

</section><!--/#main-slider--><div class="container"> <div class="row">

<!---aqui começa o botao da modal--> <div class="botao" id="btn-modal"></div> <div class="modal" id="modal-fundo">

<div class="box-geral"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header" style="border-bottom:none"> <h4 class="modal-title modal-titulo">Rims Dealer</h4> </div> <form action=""> <div class="modal-body"> <div class="col-md-3" style="margin:5px 0"> <select name="choice" class="form-control formulario-select" style="overflow:visible;"> <option value="Select Year">Select Year...</option> </select>

</div> <div class="col-md-3" style="margin:5px 0"> <select name="choice" class="form-control formulario-select " style="overflow:visible;"> <option value="Select Year...">Select Car...</option> </select> </div> <div class="col-md-3" style="margin:5px 0"> <select name="choice" class="form-control formulario-select " style="overflow:visible;"> <option value="Select Year...">Select Model...</option> </select> </div>

<div class="col-md-3"> <div class="btn btn-group-lg go">GO</div> </div> </div> <div class="modal-footer" style="border-top:none"> <div class="fechar"></div> </div> </form> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal -->

</div> <!---fim da modal-->

</div></div>

<div class="featured"> <div class="product"> <div class="page"> <div class="container"> <div class="box-op box-dentro col-md-12 col-sm-12 col-xs-12">

<div class="col-xs-12 col-lg-4 float-left"> <div class="box-opcoes-1"> <h1 class="box-opcoes-titulo"><span>shop</span><br /> by products</h1> <a href="#" class="box-opcoes-a"> <span class="box-opcoes-btn">View all products</span> </a> </div> </div>

<div class="col-xs-12 col-lg-4 float-left"> <div class="box-opcoes-1"> <h1 class="box-opcoes-titulo"><span>shop</span><br /> by brand</h1> <a href="#" class="box-opcoes-a"> <span class="box-opcoes-btn">View all brands</span> </a> </div> </div>

<div class="col-xs-12 col-lg-4 float-left"> <div class="box-opcoes-1"> <h1 class="box-opcoes-titulo"><span>shop</span><br /> by part</h1> <a href="#" class="box-opcoes-a"> <span class="box-opcoes-btn">enter part number</span> </a> </div> </div> </div>

<div class="col-md-12 col-xs-12 col-sm-12"> <h1 class="section-title titulo"><b>Featured</b> Products</h1> <div class="titulo"></div> </div> @{ int c = 1; } @foreach (var s in Model.SaleProducts) { @Html.Partial("_Product", s) if (c % 4 == 0) { <div class="clearfix"></div> }

c++; }

</div> </div> </div> </div><div class="featured"> <div class="products"> <div class="page"> <div class="container">

<div class="col-md-12 col-xs-12 col-sm-12"> <h1 class="section-title titulo"><b>Recent</b> Products</h1> <div class="titulo"></div> </div> @*<div class="col-xs-5 col-lg-2 box-contorno spaco-product"> <div class="abreviacao">GT</div> <div class="inner"> <div class="thumb2"> <img src="/Media/66179f1c-3460-48d6-b62a-9f01d82e398712088270_764465623665573_320150361755579967_n.jpg" alt="Vision Wheel Milanni ZS-1 453 machined"> </div> <h4 class="formato-h3">Vision Wheel Milanni ZS-1 453 machined</h4>

<h3 class="price box-spaco formato-h3"><span class="amount"><b>R$ 500,00</b></span></h3> <button type="button" class="admin-edit" onclick="window.location = '/ProductsReport/Index#/edit/3373eda5-f05c-4629-a2b8-27ccd27418eb' " style="display: none;">Editar</button> <div class="btn-area"> <a href="/Product/Index/3373eda5-f05c-4629-a2b8-27ccd27418eb/Vision_Wheel_Milanni_ZS-1_453_machined" class="btn btn-primary btn-block see-item">See More</a> </div> </div> </div>

<div class="col-xs-5 col-lg-2 box-contorno spaco-product"> <div class="abreviacao">GT</div> <div class="inner"> <div class="thumb2"> <img src="/Media/7869e6bc-f322-4073-a551-b6a44e30014c143_TORQUE_GUNMETAL.jpg" alt="Vision Wheel Torque 143 gunmetal flat wheel packages options"> </div> <h4 class="formato-h3">Vision Wheel Torque 143 gunmetal flat wheel packages options</h4>

<h4 class="price old formato-h3">De: <span class="amount"><b>R$ 420,00</b></span></h4> <h3 class="price promotion formato-h3">Por: <span class="amount box-preco"><b>R$ 3,60</b></span></h3> <button type="button" class="admin-edit" onclick="window.location = '/ProductsReport/Index#/edit/f16ae61d-7c65-4d6a-804d-28aee27abf1a' " style="display: none;">Editar</button> <div class="btn-area"> <a href="/Product/Index/f16ae61d-7c65-4d6a-804d-

28aee27abf1a/Vision_Wheel_Torque_143_gunmetal_flat_wheel_packages_options" class="btn btn-primary btn-block see-item">See More</a> </div> </div> </div>

<div class="col-xs-5 col-lg-2 box-contorno spaco-product"> <div class="abreviacao">GT</div> <div class="inner"> <div class="thumb2"> <img src="/Media/66179f1c-3460-48d6-b62a-9f01d82e398712088270_764465623665573_320150361755579967_n.jpg" alt="Propduto Teste"> </div> <h4 class="formato-h3">Produto Teste</h4>

<h3 class="price box-spaco formato-h3"><span class="amount"><b>R$ 150,00</b></span></h3> <button type="button" class="admin-edit" onclick="window.location = '/ProductsReport/Index#/edit/927a7cd0-e9f7-4c63-afd9-29eac9563128' " style="display: none;">Editar</button> <div class="btn-area"> <a href="/Product/Index/927a7cd0-e9f7-4c63-afd9-29eac9563128/Produto_Teste" class="btn btn-primary btn-block see-item">See More</a> </div> </div> </div>

<div class="col-xs-5 col-lg-2 box-contorno spaco-product"> <div class="abreviacao">GT</div> <div class="inner"> <div class="thumb2"> <img src="/Media/66179f1c-3460-48d6-b62a-9f01d82e398712088270_764465623665573_320150361755579967_n.jpg" alt="Vision Wheel Milanni ZS-1 453 machined"> </div> <h4 class="formato-h3">Vision Wheel Milanni ZS-1 453 machined</h4>

<h3 class="price box-spaco formato-h3"><span class="amount"><b>R$ 500,00</b></span></h3> <button type="button" class="admin-edit" onclick="window.location = '/ProductsReport/Index#/edit/3373eda5-f05c-4629-a2b8-27ccd27418eb' " style="display: none;">Editar</button> <div class="btn-area"> <a href="/Product/Index/3373eda5-f05c-4629-a2b8-27ccd27418eb/Vision_Wheel_Milanni_ZS-1_453_machined" class="btn btn-primary btn-block see-item">See More</a> </div> </div> </div> <div class="clearfix"></div>*@ @{ c = 1; } @foreach (var i in Model.RecentProducts) { @Html.Partial("_Product", i) if (c % 4 == 0) { <div class="clearfix"></div> }

c++; }

</div> </div> </div></div> <div class="featured_videos"> <div class="page"> <div class="container"> <div class="entry-featured-video-holder">

<div class="col-md-12 col-xs-12 col-sm-12"> <h1 class="section-title titulo"><b>Featured</b> Videos</h1> <div class="titulo"></div> </div> <div class="h2-description-red"></div> <ul class="entry-featured-video"> <li> <a class="youtube" href="http://www.youtube.com/embed/BrudNfm-9JA?rel=0&amp;wmode=transparent"> <img src="/Images/Videos/video2.jpg" alt="Forgiato Active Grille for Corvette C7" height="145" width="272"> <i class="entry-featured-video-mask"></i> </a> Titulo 1 <span>Description 1</span> </li> <li> <a class="youtube" href="http://www.youtube.com/embed/xuNYuBCl1Es?rel=0&amp;wmode=transparent"> <img src="/images/videos/video1.jpg" alt="Thule Bike Racks Test Program" height="145" width="272"> <i class="entry-featured-video-mask"></i> </a> Titulo 2 <span>Description 2</span> </li> <li> <a class="youtube" href="http://www.youtube.com/embed/C6BQKkH6V5E?rel=0&amp;wmode=transparent"> <img src="/images/videos/video3.jpg" alt="WeatherTech Side Window Deflectors " height="145" width="272"> <i class="entry-featured-video-mask"></i> </a> Titulo 3 <span>Description 3</span> </li> </ul> </div> </div> </div> </div>

<div class="brands"> <div class="page"> <div class="container"> <div class="col-md-12 col-xs-12 col-sm-12"> <h1 class="section-title titulo"><b>Some</b> Brands</h1>

<div class="titulo"></div> </div>

<div id="owl-brand" class="owl-carousel owl-theme"> <div class="item"><img src="/Images/logos/3dcarbon.jpg" title="3D Carbon" /></div> <div class="item"><img src="/Images/logos/aaa.jpg" title="AAA" /></div> <div class="item"><img src="/Images/logos/acdelco.jpg" title="AC Delco" /></div> <div class="item"><img src="/Images/logos/actron.jpg" title="Actron" /></div> <div class="item"><img src="/Images/logos/aem.jpg" title="AEM" /></div> <div class="item"><img src="/Images/logos/aerofunction.jpg" title="Aero Function" /></div> <div class="item"><img src="/Images/logos/airaid.jpg" title="AirFraid" /></div> <div class="item"><img src="/Images/logos/akebono.jpg" title="Akebono" /></div> <div class="item"><img src="/Images/logos/american-brother-designs.jpg" title="American Brother Designs" /></div> <div class="item"><img src="/Images/logos/american-car-craft.jpg" title="American Car Craft" /></div> <div class="item"><img src="/Images/logos/american-international.jpg" title="American International" /></div> <div class="item"><img src="/Images/logos/american-racing.png" title="American Racing" /></div> <div class="item"><img src="/Images/logos/ami.jpg" title="American Ami" /></div> <div class="item"><img src="/Images/logos/anzo.png" title="Anzo" /></div> </div>

</div> </div> </div>

<script> jQuery("document").ready(function () { /*$(".carousel-control, .carousel-indicators li").on("click", function (ev) { ev.stopPropagation(); ev.preventDefault(); }); $('.carousel').carousel({ interval: 2000 });*/ jQuery("#owl-carousel").owlCarousel({ autoPlay: 3000, stopOnHover: false, navigation: true, paginationSpeed: 1000, goToFirstSpeed: 2000, singleItem: true, autoHeight: false, navigation: false

});

// brands var owl = $("#owl-brand");

owl.owlCarousel({ items: 8, //10 items above 1000px browser width itemsDesktop: [1000, 5], //5 items between 1000px and 901px itemsDesktopSmall: [900, 3], // betweem 900px and 601px itemsTablet: [600, 2], //2 items between 600 and 0 itemsMobile: false, // itemsMobile disabled - inherit from itemsTablet option, autoPlay: true, navigation: false, pagination: false });

/*botao modal*/ $("#btn-modal").click(function () { $("#modal-fundo").fadeIn(500); }); $(".fechar").click(function () { $("#modal-fundo").fadeOut(500); });

});

$(".youtube").colorbox({ iframe: true, innerWidth: '80%', innerHeight: '70%', maxWidth: '95%', maxHeight: '95%' });

</script>

main.cssimg { max-width: 100%; max-height: 100%;}

.body-wrapper { min-height: 100%;}

.nav-tabs > li.active > a, .breadcrumb, .nav-tabs > li > a:hover { border-radius: 0;}

.internal-page { margin-bottom: 60px;

}

.title-underline { border-bottom: 1px solid black;}

#required-fields { color: #F00;}

.btn { border-radius: 0;}/****** TOP Line *******/.top-line { background: #f3f3f3; font-size: 1.2em; height: 30px; line-height: 1.5em; width: 100%; padding: 5px 0;}

.middle-line .account { }

.middle-line .account a { color: #000; text-decoration: none; }

.social-links { list-style: none; padding: 0; text-align: right;}

.social-links li { display: inline-block; margin: 0 5px; }

.social-links li a { color: #000; }/****** MIDDLE Line *******/.middle-line { background: #fff; width: 100%; padding: 5px 0 8px;}

.middle-line .search { border-right: 1px solid #000; }

.middle-line .search .input-group-btn:last-child > .btn, .middle-line .search .input-group-btn:last-child > .btn-group { height: 34px;

padding: 6px 12px; }

.my-cart { padding: 0px 20px; margin-bottom: 25px;}

.my-cart a { text-decoration: none; color: #000; }

/****** BOTTOM Line *******/.bottom-line { background: #222; height: 60px; width: 100%; color: #FFF;}

.bottom-line .menu-categories { width: 100%; padding: 0; /* height:60px;*/ }

.bottom-line .menu-categories li { display: block; width: auto; vertical-align: middle; }

.bottom-line .menu-categories li a { color: #FFF; }

.bottom-line .menu-categories li a:hover { /*color: #b1b1b1;*/ color: #e28b24; text-decoration: none; }

.bottom-line .menu-categories li button { background: transparent; border: none; }

.bottom-line .menu-categories li button:focus { outline: none; }

.bottom-line .dropdown:hover .dropdown-menu { display: block; }

.bottom-line .dropdown-menu { background-color: #393939; margin-top: 0; border-top: none; border-radius: 0; left: 0; margin-left: -20px; }

.bottom-line .dropdown-menu li { width: 100%; padding: 5px; }

.bottom-line .dropdown-menu li a:hover { color: #393939; }

/****** Footer MAIN Line *******/footer .main { background-color: #393939; width: 100%; /* padding: 20px;*/}/****** Footer LAST Line *******/footer .last { color: #FFF; background-color: #2E2E2E; /* padding: 20px 0;*/ width: 100%; margin-bottom: -10px;}

footer .pre { color: #FFF; background-color: #365977; /* padding: 20px 0;*/ width: 100%; vertical-align: middle; height: 2%;}/*********************/.featured { /*background-color: #1e1e1e;*/ padding:20px;} .featured .inner { padding: 30px; min-height:500px; }

.featured .btn-area { padding: 50px 2em; position: absolute; bottom: 30px; display: block; margin: 0 auto; }

.featured .btn-area .see-item{ width: 100px; padding: 10px; font-weight: 700; text-align: center; text-transform: uppercase; font-family:"Open Sans",sans-serif; }

.products { /*text-align: center;*/ padding: 20px;}

.products .inner { padding: 30px; min-height:500px; }

.products .thumb { height: 240px; }

.products .thumb img { }

.products h4 { }

.products .desc { font-size: 0.8em; text-overflow: ellipsis; }

.products .btn-area { padding: 50px 2em; position: absolute; bottom: 30px; display: block; margin: 0 auto; } .products .btn-area .see-item{ width: 100px; padding: 10px; font-weight: 700; text-align: center; text-transform: uppercase; font-family:"Open Sans",sans-serif; }

.section-title { margin-top: 20px; margin-bottom: 30px;}

/*************** PRODUCT *******************/.well-breadcrumb { margin: 0;

width: 100%; border-radius: 0; padding: 0; border: none; margin-bottom: 30px;}

.product-detail input[type=number]::-webkit-inner-spin-button,

.product-detail input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}

.product-detail .cover { max-width: 300px; max-height: 350px;}

.product-detail .big-thumb { max-width: 300px; max-height: 350px;}

.product-detail .thumb { max-width: 90px; max-height: 90px;}

.product-detail h3 { margin-top: 0;}

.product-detail .quantity { margin-bottom: 10px;}

.tab-content > .tab-pane { padding: 0 20px;}/*************** CART *******************/.cart { margin-bottom: 30px;}

.cart .totals { border: 3px solid #3a3a3a; border-radius: 5px; padding: 15px; }/******* ADMIN BUTTONS ****/.admin-edit { position: absolute; top: 0; width: auto; border: 1px solid; background: #1e1e1e; color: #FFF; padding: 5px 15px;

}/******* PAGINATION ****/.pages label { display: block;}

.pages .pagination { margin-top: 0;}

.pages .pagination .arrows { padding: 9px; }/**** MY ACCOUNT ***/.address-item .inner { padding: 10px;}

.address-item p { margin: 0;}

.price.old { text-decoration: line-through;}

.product .price.promotion { margin: 0;}

.theme

/** CSS to modify this project **/body{ overflow-x:hidden;}.container-description { margin-top: 60px;}

.internal-page h1 { font-size: 30px; padding-top: 20px;}

.product-detail .stock-price { width: 100%; padding-left: 15px; margin-bottom: 20px;}

.product-detail .price-holder {}

.product-detail .price.single { margin-top: 0;}

.cart-holder { padding-top: 15px;}

.out-stock { color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding: 5px 20px;}

.breadcrumb { margin-top: 20px; margin-bottom: 10px;}

/*personalizacao*/.overlay { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: url('/images/head-img-overlay.png') repeat 0 0;}

.item { position: relative;}

/*pesquisa*/.search-icon { margin-right: 6px;}

.search-icon > .header-top-icon { background-position: 25% 0px; }

/****************************************************** Personalização modal ****************************************************/.box-geral { height: 100%; margin: 0px auto; padding: 50px 0px; box-sizing: border-box;}

#modal-fundo { background: #000; width: 100%; height: 100%; position: fixed; background: rgba(0,0,0, 0.6); z-index: 999; top: 0; left: 0;

display: none;}

.modal-titulo { color: #393939; font: 700 2.4em/1 "Open Sans","Trebuchet MS", Verdana, sans-serif; /*margin-bottom: 20px;

padding: 2% 2%;*/ padding: none; margin-botton: none; font-weight: bold; font-variant: small-caps; /*color:#333;*/}

.formulario-select { font-variant: small-caps; width: 100%; color: #666; padding: 3px; margin-bottom: 5px; border: 1px solid #333; height: 30px;}

.formulario-select:hover { margin-bottom: 5px; border: 1px solid #00F; }

.fechar { background: transparent url(/Images/close.png) no-repeat 0% 0%; position: absolute; top: -32px; padding: 5px 10px; border: 0px; height: 26px; cursor: pointer; opacity: 0.7; right: 0px; z-index: 9999;}

.fechar:hover { opacity: 0.9; }

.go { background: #CE4E45 none repeat scroll 0% 0%; color: #FF0; cursor: pointer; width: 100%; max-width: 100%; padding: 10px;}

.go:hover { background: #CB4239 none repeat scroll 0% 0%; color: #FFF; }

/****************************************************** Personalização botão ****************************************************/

@media only screen and (orientation: landscape), only screen and (orientation: portrait) { body { -webkit-text-size-adjust: 100%; }

.botao { box-shadow: 0px 5px 9px rgba(0,0,0,0.7); left: 30%; width: 40%; } }

@media only screen and (min-width: 1024px) and (max-width: 1366px), only screen and (min-width: 1367px) { .botao { box-shadow: 0px 5px 9px rgba(0,0,0,0.7); left: 30%; margin-top: 14%; padding-bottom: 40%; width: 40%; }}

@media only screen and (min-width: 421px) and (max-width: 700px), only screen and (max-width: 420px) { .botao { box-shadow: 0px 5px 9px rgba(0,0,0,0.7); left: 38%; width: 24%; background-size: 101% auto; }

}

@media only screen and (min-width: 1024px) and (max-width: 1366px), only screen and (min-width: 1367px), only screen and (min-width: 701px) and (max-width: 1023px), only screen and (min-width: 421px) and (max-width: 700px) {

.botao { box-shadow: 0px 5px 9px rgba(0,0,0,0.7); left: 30%; width: 40%; } }

@media only screen and (min-width: 701px) and (max-width: 1023px), only screen and (min-width: 421px) and (max-width: 700px) { .botao { box-shadow: 0px 5px 9px rgba(0,0,0,0.7); left: 30%;

width: 40%; } }

.botao { box-shadow: 0px 5px 9px rgba(0,0,0,0.7); background: transparent url('/images/botao.png') no-repeat scroll 0px 0px; border-radius: 50%; cursor: pointer; position: absolute; height: 0; left: 8%; margin-top: 18%; width: 222px; max-width: 100%; padding-bottom: 222px; top: 0; z-index: 20;}

.botao:hover { background-position: 0 100%; border: 3px solid #47c4ff; top: -2px; margin-left: -3px; }

/****************************************************** Personalização produto **************************************************/

.box { width: 100%; height: auto; margin: 5px 0; float: right;}.box-tamanho{ height: 100%; width: 30%; max-height: 58% !important;}

.box-contorno { background: #FFF none repeat scroll 0% 0%; border: 1px solid #EFEFEF; /* bottom: 3px; */ /* left: 3px; */ overflow: hidden; /* margin: 3px; */ min-height:517px; min-width: 21%;

}

.box-spaco{ padding-bottom: 37px;}

.box-contorno:hover { border: 1px solid #999;/* bottom: 3px; left: 3px;*/}.box-op{ margin-top:-76px;}.box-dentro{ display: block; /*margin: -30px 8px 0px;*/ position: relative; z-index: 20;}.box-opcoes{ width: 33.3333%;}.float-left{ float:left;}.box-opcoes-1{ background: #57A6E0; margin:0 5px; box-shadow: 0px 3px 3px 2px rgba(0,0,0,0.6); padding:30px; margin:-30px 5px 0px;}

.box-opcoes-titulo{ color: #FFF; font-family: "Open Sans",sans-serif; text-transform: uppercase; line-height: 1.1; font-weight: 700; font-size: 1.8em; margin-bottom:20px; /* margin-left: 1em;*/ /*height: 2.6em;*/ /* padding: 16px;*/}.box-opcoes-titulo>span{ display:inline-block}.box-opcoes-btn{ border: 1px solid #FFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; -moz-border-top-colors: none; -moz-border-right-colors: none;

-moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image-source: none; border-image-slice: 100% 100% 100% 100%; border-image-width: 1 1 1 1; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-radius: 2px; color: #FFF; cursor: pointer; display: inline-block; font: 701 1.4em/1.8 "Open Sans",sans-serif; /* height: 40px;*//* margin: 0px 0px 20px;*/ padding: 1px 40px 5px 27px; position: relative; text-transform: uppercase;}.box-opcoes-btn::after { content: "�"; font-size: 1.57em; font-weight: 600; line-height: 1.6em; position: relative; right: -8px; top: 1px;}.box-opcoes-btn:hover{ background: #FFF none repeat scroll 0% 0%; color: #393939; text-decoration: none;}.box-opcoes-a{ color: #CE4E45;/* margin-left:3em; */ margin-bottom:1em;}h1{ margin:0;}.box-opcoes-a:hover{ background: #FFF none repeat scroll 0% 0%; color: #393939; text-decoration: none;}.abreviacao { background: #57A6E0 none repeat scroll 0% 0%; padding: 0.4em; color: #FFF; font: 698 2.4em/1 "Open Sans","Trebuchet MS",Verdana,sans-serif; position: absolute; text-align: center; text-transform: uppercase; top:4px; width:50px;}

.box-preco{ /*background: #999 none repeat scroll 0% 0%;color: #FFF;*/ padding: 0.4em;

font: 698 2.4em/1 "Open Sans","Trebuchet MS",Verdana,sans-serif; position: relative; text-align: center; text-transform: uppercase;}

.formato-h3{ text-align: center; font-size: 1.4em;}

.titulo { color: #111; font-size: 2.2em; font-weight: normal; font-family: "Open Sans",sans-serif; line-height: 1.25; white-space: nowrap; padding-top:25px; /*margin: 0 0.4em;*/}.titulo > b{ font-weight: 700;}.titulo::after { background: #FFAB31 none repeat scroll 0% 0%; bottom: 50px; content: ""; height: 3px; left: 0; position: absolute; width: 31px;}

.descricao { color: #C2C2C2; font-family: "Open Sans",sans-serif; font-size: 1.6em; margin: -27px 8px 20px; padding-bottom: 12px; position: relative;}

.spaco-product { margin: 0 17px;}

.thumb2 { max-height: 100%; height: auto; margin-top:5px;}

img { max-height: 100%; max-width: 100%;

}/****************************** ******* personalizacao menu ** ******************************/.navbar-inverse{ border-color:none; border-color:#222;}

/****************************** ******* login or register **** ******************************/.section-title-top { margin-top: 0; color: #DDD; font-size: 145px; font-weight: 700; height: 166px; line-height: 164px; margin: 0px 6px; text-transform: uppercase;}.linha-hr{ border-bottom: 1px dotted #CCC; clear: both; height: 0px; overflow: hidden; margin: 0px 8px;}.titulo-registro{ color: #000; font-size: 23px; font-weight: 700; line-height: 1; padding: 27px 0px 15px; }.formulario-p{ font-size: 1.3em; line-height: 1.3; text-align: left; padding: 17px 0px 25px;

}.formulario-input{ background: #EEE none repeat scroll 0% 0%; border-width: medium 10px; border-style: none solid; border-color: -moz-use-text-color #EEE; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 0px; box-sizing: border-box; font: 1.3em Arial,Helvetica,sans-serif; margin: 0px; padding: 1.2em 0px; width: 100%;}

.esqueceu-senha{ color: #000; float: left; font-size: 1.1em; padding: 0px 4px;}.botao-login{ float: left; margin: -4px 0px; width: 150px; padding: 10px; text-align: center; text-transform: uppercase; font-weight: 700; }.botao-cadastro{ background: #777 none repeat scroll 0% 0%; border: 0px none; color: #FFF; cursor: pointer; float: left; font-size: 24px; height: 65px; margin: 10px 0px 0px; text-align: center; width: 206px;}.botao-cadastro:hover{ background: #9C9C9C none repeat scroll 0% 0%; text-decoration: none;}.botao-recupera-senha{ background: #8f0404 none repeat scroll 0% 0%; border: 0px none; color: #FFF; cursor: pointer; float: left; font-size: 24px; height: 65px; margin: 10px 0px 0px; text-align: center; width: 206px;} .botao-recupera-senha:hover { background: rgba(252, 1, 1, 0.59) none repeat scroll 0% 0%; text-decoration: none; }