@charset "utf-8";
/* CSS PEAR GRID MOBILE  */

/************************ CONFIGURAÇÕES ************************/
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
html, body {
	
	/*** Alinhamentos Padrão ***/
	
	margin: 0px;
	width: 100%;
	height: 100%;
    
	/*** Background ***/
	
    background-size:100%;
    background-color: #fff;
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center top;
	background-image: url(/includes/img/bg-po.jpg);	
    
	/*** Fontes ***/
	
	color: #777777;
	font-size: 14px;
	font-family: 'Droid Sans', sans-serif;
}
* {
    box-sizing: border-box;
    border-collapse:separate;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

/************************ LINKS ************************/

a {text-decoration: none; color: #777777;}
a:hover {color: #ccc;}
input {outline:none!important;}

/************************ GRID 960 ************************/

.grid-220, .grid-300, .grid-460, .grid-700, .grid-940 { 
	width:100%; 
	float:left;
	margin:10px;
	border: 0px solid #000;
}
.grid-220 {max-width:220px;} 
.grid-300 {max-width:300px;}
.grid-460 {max-width:460px;}
.grid-680 {max-width:700px;}
.grid-940 {max-width:940px;}
.grid-960 {
    margin:0 auto;
    width:960px!important;
    border:0px solid #c00;
    display:table!important;
}
.mobile-um, .mobile-dois {
    width:100%; 
    max-width:220px;
	float:left;
	margin:10px;
	border: 0px solid #000;
}
.grid-navegar {
    width:100%; 
	float:left;
	margin:10px;
	border: 0px solid #000;
    max-width:460px;
}
/************************ CABEÇALHO ************************/

header {
	width: 100%;
	height: 230px;
	margin-bottom: 10px;
	display: table;
    background-color:#000;

}
.coluna-direita{
   display:table;
   float:right;
    margin:0px!important;
    width:720px;
      border:0px solid #000;
   margin-right:10px; 
}
.coluna-esquerda {
   display:table;
   float:left;
   width:240px;
    border:0px solid #000;
    padding:10px;
   margin:0px!important; 
}
.full {
    display:table;
    width:100%;
}
.cor {
    background: rgb(169,3,41); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YzAwMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(140,0,7,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(100%,rgba(140,0,7,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#8c0007',GradientType=0 ); /* IE6-8 */
}
.menu-suspenso {

    position:fixed;
    z-index:1;
    width:100%;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;

}
.logo-loja {
    width: 100%;
	height: 150px;
	margin-top:15px;
	max-width: 205px;
    
	border:0px solid #fff;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center 15px;
	background-color: none!important;
	background-image: url(/includes/img/logo.png);
}
.logo-po {
	width: 100%;
	height: 60px;
	margin-top:0px;
	max-width: 280px;
	
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: none!important;
	background-image: url(/includes/img/logo-po.png);
}
.ico-carrinho, .ico-sacola {
    float:left;
    background-color: none!important;
	background-image: url(/includes/img/icon-po.png);
}
.ico-carrinho {
    width: 100%;
	height: 60px;
	max-width: 70px;
	background-position: center -130px;	
}
.ico-sacola {
    width: 100%;
	height: 60px;
	max-width: 70px;
	background-position: center -68px;	
}
#relogio {
    position:absolute;
    width:320px;
    margin-top:-29px;
    margin-left:280px;
    font-weight:bold;
    font-size:16px;
    z-index:0;
    text-shadow:1px 1px 1px #fff;
}
.header-price {
     color:#fff;
     text-shadow:1px 1px 1px #000;
     margin-top:10px;
     margin-left:75px;
     font-size:15px;
}
.header-price a:link, .header-price a:visited {
    color:#fff;
}
.header-price a:hover, .header-price a:active {
    color: #ccc; 
}

.arte {
    height:200px;
    background-color:#000;
	background-repeat: no-repeat;
	background-position: center 0px;
	background-color: none!important;
	background-image: url(/includes/img/arte-po.jpg);
}
.navegar {
    height:50px;
    margin-bottom: 10px;
    box-shadow:1px 2px 7px #888;
    background: rgb(226,226,226); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */

}
.navegar a {
    color:#c00;
    font-size:22px;
    line-height:40px;
    text-shadow:1px 1px 1px #fff;
}
.navegar a:hover {
    color:#000; 
}
.navegar input {
    float:right;
    width:220px;
    outline:none;
    padding:10px;
    padding-left:15px;
    border-radius:50px;
    border:1px solid #ccc;  
}
.navegar input:focus {
    border:1px solid #c00;
    outline:none;
}
.box-menu {
    border:1px solid #ccc;
    border-radius:5px;
    background-color:#fff;
    margin-bottom:10px;
}
.boxs {margin-top:15px; margin-bottom:15px;}
.input {
    width:195px;
    margin-top:10px;
    margin-top:10px;
    margin-left:10px;
    border-radius: 50px;
    border:1px solid #ccc;
    padding:7px 12px 7px 12px;
}
.boxs button {
    width:195px;
    margin:10px 10px 10px 10px;
    border-radius: 5px;
    border:1px solid #c00;
    padding:5px 7px 5px 7px;
    cursor:pointer;
    outline:none;
    color:#fff;
    background: rgb(169,3,41); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YzAwMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(140,0,7,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(100%,rgba(140,0,7,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#8c0007',GradientType=0 ); /* IE6-8 */
}
.boxs button:hover {
    outline:none;
   background: rgb(214,4,18); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2MDQxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2I3MDMwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMzAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(214,4,18,1) 0%, rgba(183,3,12,1) 44%, rgba(163,0,8,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,4,18,1)), color-stop(44%,rgba(183,3,12,1)), color-stop(100%,rgba(163,0,8,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(214,4,18,1) 0%,rgba(183,3,12,1) 44%,rgba(163,0,8,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(214,4,18,1) 0%,rgba(183,3,12,1) 44%,rgba(163,0,8,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(214,4,18,1) 0%,rgba(183,3,12,1) 44%,rgba(163,0,8,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(214,4,18,1) 0%,rgba(183,3,12,1) 44%,rgba(163,0,8,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d60412', endColorstr='#a30008',GradientType=0 ); /* IE6-8 */
 }
.boxs button:active {outline:none;}
.input:focus {border-color:#c00;}
.menu-produtos ul {
    margin:0px;
    padding:0px;
    border-radius:0px 0px 5px 5px;
    border-bottom:0px;
    overflow:hidden;
   
}
.box-menu li {
     list-style:none;
}
.menu-produtos li a {
    padding:10px;
    display:table;
    background-color:#fff;
    border-bottom:1px solid #eee;
    width:100%;

    background-size:35px;
    background-repeat:no-repeat;
    background-position:150px -63px;
	background-image: url(/includes/img/icon-po.png);
        }
.menu-produtos li a:hover {
    color:#fff!important;
    background-color:#777;
    
    background-position:175px -63px;
    -webkit-box-shadow:inset 0 0 5px 2px #666;


    box-shadow:inset 0 0 5px 2px #666;
	background-image: url(/includes/img/icon-po.png);
}
.cabecalho {
    padding:10px;
    color:#fff;
    font-size:22px;
    background: rgb(169,3,41); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YzAwMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(140,0,7,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(100%,rgba(140,0,7,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#8c0007',GradientType=0 ); /* IE6-8 */

}

.cabecalho-box {
    margin-top:0px;
    padding:10px;

    color:#fff;
    font-size:22px;
    background: rgb(169,3,41); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YzAwMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(140,0,7,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(100%,rgba(140,0,7,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#8c0007',GradientType=0 ); /* IE6-8 */

}
.titulo-pagina {margin:10px; font-size:25px;}
.promocao {
    position:absolute;
    border:0px solid #c00;
    margin-top:173px;
    margin-left:-23px;
    width:242px;
    height:53px;
    background-image:url(/includes/img/promocao.png)
}
.promocao-info {
    position:absolute;
    border:0px solid #c00;
    margin-top:-30px;
    margin-left:350px;
   
    width:242px;
    height:53px;
    background-image:url(/includes/img/promocao.png)
}
.informacoes-titulo {
    color:#c00; 
    margin:0px;
    margin-bottom:10px;
    font-weight:bold;
    font-size:16px;
}

.maisinformacoes {
    width:490px;
    height:250px;
    float:right;
    text-align:left;
    margin-top:-210px;
    display:table;
    border:0px solid #000;
}
.box-comentarios {
    border:0px solid #ccc;
    display:table;
    clear:both;
    margin:10px;
    width:100%;
}
.produto {
    border:1px solid #ccc;
    border-radius:5px;
    padding:10px;
    height:380px;
    text-align:center;
    background-color:#fff;
}
.produto h2 {
    color:#c00;
    display: table-cell;
    text-align:center;
    width:200px;
    vertical-align: middle;
    margin-top:0px;
    height:70px;
    border:0px solid #c00;
    background-color:#eee;
    border-radius:3px;
    font-size:18px;
    padding:12px;
    text-shadow: 1px 1px 1px #fff;
    margin-bottom:20px;
}
.produto input {
    border-radius:50px;
    border:1px solid #ccc;
    padding: 5px 5px 5px 5px;
    width:35px;
    float:left;
    text-align:center;
}
.produto input:focus {
    border:1px solid #c00;
}
.unid  {
    width:163px;
    border:0px solid #000;
    font-weight:bold;
    margin-top:22px;
    font-size:14px;
    padding-left:5px;
    display:table;
}
.unid a {
    color:#c00;
}
.unid a:hover {
    color:#000;
}
.adicionar {
    border:1px solid transparent;
    display:table;
    padding:10px 10px 5px 10px;
    margin:0 auto;
    text-align:center;
    border-radius:5px;
    width:100%;
    color:#fff;
    margin-top:10px;
    float:left;
    cursor:pointer;
    outline:none!important;
    background: rgb(169,3,41); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YzAwMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(140,0,7,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(100%,rgba(140,0,7,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(140,0,7,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#8c0007',GradientType=0 ); /* IE6-8 */
}
.adicionar:hover {
    color:#fff;
    background: rgb(214,4,18); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2MDQxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2I3MDMwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMzAwMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(214,4,18,1) 0%, rgba(183,3,12,1) 44%, rgba(163,0,8,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,4,18,1)), color-stop(44%,rgba(183,3,12,1)), color-stop(100%,rgba(163,0,8,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(214,4,18,1) 0%,rgba(183,3,12,1) 44%,rgba(163,0,8,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(214,4,18,1) 0%,rgba(183,3,12,1) 44%,rgba(163,0,8,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(214,4,18,1) 0%,rgba(183,3,12,1) 44%,rgba(163,0,8,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(214,4,18,1) 0%,rgba(183,3,12,1) 44%,rgba(163,0,8,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d60412', endColorstr='#a30008',GradientType=0 ); /* IE6-8 */

}

.adicionar-ico {
    width:30px;
    height:30px;
    margin:-9px 0px 0px 0px;
    float:left;
    background-size: 30px;
    border:0px solid #000;
    background-repeat:no-repeat;
    background-position:0px 0px;
	background-image: url(/includes/img/icon-po.png);
}
.produto-img {
    width:200px;
    height:135px;
    margin:0px;
    margin-top:10px;
    
    border-radius:3px;

    background-color:#ccc;
    background-image: url(/includes/img/sem-img.jpg);
}
.produto-img iframe {
    margin:0px!important;   
    width:200px!important;
    height:135px!important;
    border-radius:3px;
    
}

@-moz-keyframes brilha {
		from {box-shadow:0px 0px 10px #c00;}
		to {box-shadow:0px 0px 1px #c00;}
	}
@-moz-keyframes brilha {
		0% {box-shadow:0px 0px 0px #c00;}
        50% {box-shadow:0px 0px 5px #c00;}
		100% {box-shadow:0px 0px 10px #c00;}
}
.brilha {
    -webkit-animation: brilha 1s alternate linear infinite;
	-moz-animation: brilha 1s alternate linear infinite;
	-o-animation: brilha 1s alternate linear infinite;
	animation: brilha 1s alternate linear infinite;
}
.preco {
    border:1px solid #ccc;
    color:#c00;
    font-weight:bold;
    font-size:16px;
    border-radius:3px;
    padding:10px;
    text-align:center;
    display:table;
    width:100%;
    
    
    
}
/************************ CORPO ************************/

.box {   
    color: #777;
    display:table;
    padding:20px;
    border-radius:5px;
    background-color:#fff;
    border: 0px solid #ccc;
  
}
#box-logotipo {
	width: 95%;
	max-width: 450px; /*Valor da largura da imagem*/
	float: left;
	margin: 0px;
	margin-left:0;
	display: table;
	position: static;
}
cite {
    font-size:26px;
    font-style:normal;
}
/******************* PÁGINA CARRINHO ********************/
.selecione {
    border-radius:50px;
    border: 1px solid #ccc;
    padding: 5px 7px 5px 7px;
    width:100%;
    max-width:300px;
    outline:none!important;
}
.adicionar-frete {
    width:250px;
    float:left;
    outline:none;
    cursor:pointer;
}
.frete {
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:5px;
    color:#555;
    padding:15px;
    display:table;
    width:100%;
}
.bloco-esquerdo {
    width:180px;
    height: 160px;
    float:left;
    border:0px solid #ccc;
    margin-right:15px;


	background-repeat: no-repeat;
	background-position: -18px -5px;
	background-color: none!important;
	background-image: url(/includes/img/motoboy.png);
}

h2 {color:#c00; margin:0px; margin-bottom:15px;}

.simpleCart_items table {
	border: 1px solid #ccc;
	width:100%;
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */

}
.simpleCart_items th {
	color: #333;
	text-align: left;
	padding: 10px 30px;
	border-bottom: 1px solid #ccc;
	background: #ededed;
	background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
	background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
	background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
	background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
	background: linear-gradient(top, #f7f7f7 0%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed', GradientType=0 );
}
.simpleCart_items td {
	padding: 10px 30px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}
.item-image,  .item-image img {
	width: 72px;
}
.item-name {
	width: 50%;
}
.item-quantity,  .item-quantity input {
	width: 30px;
	text-align: center;
}
.item-quantity input { 
    border-radius:30px;
    width:50px;
    border:1px solid #ccc;
    padding:3px 15px 3px 15px;
}
.item-price,  .item-subtotal {
	width: 50px;
}
/******************** PÁGINA LOGIN **********************/

.bloco-login {
    border:0px solid #ccc;
    height:120px;
    display:table;
    float:left;
    margin-right:15px;
    width:280px;
}
.bloco-login h2 {
    margin-bottom:5px;
}
.campo {
    width:250px;
    margin-top:5px;
    margin-bottom:5px;
    border:1px solid #ccc;
    border-radius:50px;
    padding:7px 10px 7px 10px;
}
.campo:focus {border:1px solid #c00}

/******************* PÁGINA CADASTRO ********************/
.campo-cadastro {
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
    border:1px solid #ccc;
    border-radius:50px;
    padding:7px 10px 7px 10px;
}
.campo-cadastro:focus {border:1px solid #c00}
.frete p {font-weight:bold; margin:5px 5px 5px 0px; color:#c00; font-size:16px;}

.c1{width:400px;}
.c2{width:400px;}
.c3{width:250px; text-transform:capitalize;}
.c4{width:145px;}
.c5{width:305px; text-transform:capitalize;}
.c6{width:90px;}
.c7{width:90px;}
.c8{width:305px; text-transform:capitalize;}
.c9{width:400px; text-transform:capitalize;}
.c10{width:400px;text-transform:capitalize;}
.c11{width:197px;}
.c12{width:197px;}

label {color:#c03;}

/***************** PÁGINA DE VALIDAÇÃO ******************/

.textarea-finalizar-pedido {
    width:400px;
    height:100px;
    padding:10px;
    border:1px solid #ccc;
    border-radius: 3px;
    margin-top:10px;
    margin-bottom:10px;
    font-size:14px;
    outline:none;
    font-family: 'Droid Sans', sans-serif;
}
.textarea-finalizar-pedido:focus {
    border: 1px solid #c00;
    outline:none;
}
.frete img {
    border-radius:3px;
    border:1px solid #ccc;
    margin-top:-10px;
}

/************************ RODAPÉ ************************/


footer {
	color:#333;
	width: 100%;
    height:0px;
	margin: 0 auto;
	margin-top: 10px;
	display: table;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
    background-color: #fff;
	background-repeat: repeat;
	background-position: center top;

    box-shadow: 0 -3px 5px 0px #BDBDBD;
    -webkit-box-shadow: 0 -3px 5px -1px #BDBDBD;
    background-image: url(includes/img/bg-direitos.jpg);
}
#pear a:link {
	width: 90%;
	background-color: #000
}

#pear img {
    position:absolute;
    right:0px;
    border: 0px;
    padding: 10px;
	margin-top:-20px;
    border-radius: 7px;
	text-decoration: none;	
    transition: all 1s linear;
    -webkit-border-radius: 7px;
    -o-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -moz-transition: all 1s linear;
	-webkit-transition: all 1s linear;
}

#pear img:hover {
	border: 0px;
	border-radius: 7px;
    -webkit-border-radius: 7px;
    
    transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);

	transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
} 


/************************ PRELOADER ************************/

#preloader {
	background: #FFF;
	position:fixed;
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	text-align:center;
	color:#fff;
	z-index:9999;
}
#preloader div {
	width:32px;
	margin:auto;
	padding-top:150px;
	height: 32px;
	text-align:center;
	border: 0px solid #111;
	overflow:hidden;
	z-index:9998;
}

#preloader img {
	position:absolute;
	left:50%!important;
	top:50%!important;
	margin-left:-32px;
	margin-top:-32px;
	z-index:9999;
}



/************************        ************************/
/************************ MOBILE ************************/
/************************        ************************/



@media screen and (max-width:960px) {


/************************ GRID 960 MOBILE ************************/
* {
    box-sizing: border-box;
    border-collapse:separate;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}
.grid-220,
.grid-300,
.grid-460,
.grid-940 
 { 
	width:100%!important; 
	float:none; 
    padding:15px;
	margin:10px 0px 10px 0px;
	display:table!important;       
	border: 0px solid #000;
}
.coluna-direita {width:100%;}
.logo-po {
	width: 100%;
    margin:0 auto; 
	height: 50px;
	margin-top:-15px;
	max-width: 280px;
	
	background-size: 85%;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: none!important;
	background-image: url(/includes/img/logo-po.png);
}
.header-price {

    font-size:12px;
    width:100% ;
    display:table;
    margin-top:-18px;
    margin-bottom:5px;
    text-align:left!important;;
    background: #a90329; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    border-radius:3px;
    margin-left:0px;
    padding:3px;
    padding-left:7px;
    padding-top:7px;
    border-top:1px solid #c00;
    
}
   
.header-price a:link, .header-price a:visited {
    color:#fff;
    text-align:left;
    padding:5px;
}
.header-price a:hover, .header-price a:active {
    color: #ccc; 
}
.grid-960 {
        width:95%!important; 
        margin:0 auto; 
        display:table;
        padding:0px!important;
    }
    
.mobile-um, .mobile-dois {
    width:49% ;
	float:left;
    text-align:left;
    padding:0px;
	margin:0px;
	border: 0px solid #000;
}
 .mobile-um{margin-right:2%;}   
.ico-carrinho {

    display:none;
}
.ico-sacola {
   
    display:none;
}
cite {font-size:22px;}
p {width:100%; margin:0 auto; margin-top:10px;}
article {width:auto!important;}
article img {width:100%!important; }
main {width:100%!important;}
  .navegar {
    height:10px;
    margin-top:-15px!important;
    margin-bottom: 10px;
    text-align:center;
    box-shadow:1px 2px 7px #888;
    background: rgb(226,226,226); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */

}
.navegar a {
    color:#c00;
    text-align:center;
    font-size:16px;
    line-height:40px;
    text-shadow:1px 1px 1px #fff;
}
.navegar a:hover {
    color:#000; 
}
.navegar input {
    float:right;
    width:100%;
    outline:none;
    padding:10px; 
    margin-bottom:10px;
    padding-left:15px;
    border-radius:50px;
    border:1px solid #ccc;  

.navegar input:focus {
    border:1px solid #c00;
    outline:none;
}
.grid-navegar {
    width:100%; 
	float:left;
	margin:0px;
	border: 0px solid #000;
    max-width:460px;
}
#pear img {
	margin: 0 auto!important;
    float:none!important;
    display:table;
    position:relative;
	text-decoration: none;
	border: 0px;
	padding: 10px;
	-webkit-border-radius: 7px;
	border-radius: 7px;

	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}
#pear img:hover {
	border: 0px;
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
    
    
}