@charset "utf-8";
/* CSS Document */
body{margin: 0; font-family:Verdana, Geneva, sans-serif; background: url("../images/bg_jrlocacoes.jpg") repeat center top; font-size: 12px;}
ul, li{margin: 0; padding: 0; list-style: none;}
a{color: inherit; text-decoration: none; cursor: pointer;}
a:hover{text-decoration: underline;}
img{border: 0;}
p{margin: 0;}


.site{
	position: relative;
	margin: 0 auto;
        top: 5px;
	
	width: 935px;
	min-height: 600px;
	
/*	border: 1px solid #000;*/
}

.header{
    position: relative;
    width: 935px;
    min-height: 125px;
    background-color: #09215D;
}

.header .logo{
    float: left;
    width: 175px;
    padding: 20px;
}

.header .center{
    float: left;
    margin-top: 20px;
    width: 420px;
    color: #FFF;
}

.header .contato{
    float: right;
    margin-top: 15px;
    width: 300px;
}

.contato #fone{
    float: left;
    font-size: 20px;
    color: #FFF;
}

.contato #horario-atendimento{
    float: left;
    font-size: 10px;
    color: #FFF;
    text-align: center;
}

.menu{
    width: 990px;
    margin-left: -28px;
    min-height: 35px;
    border-bottom: 2px solid #CCC;
    background-color: #FFCC00;
}
.menu #left{
    position: absolute;
    float: left;
    width: 28px;
    height: 28px;
    background-image: url("../images/layout/left-barra.png");
    margin-top: 35px;
}

.menu #links{
    position: relative;
    min-height: 35px;    
    font-family: Arial;
    font-size: 18px;
    color: #000;    
}

#links ul{
    width: 935px;
    margin-left: 30px;
    padding-top: 7px;
}

#links ul li{
    list-style-type: none; display: inline;
    padding: 14px;
}

#links a{
    text-decoration: none;
    color: #000;
}
#links a:hover{
    text-decoration: underline;
    color: #000;
}

.menu #right{
    position: absolute;
    right: -27px;
    width: 28px;
    height: 28px;
    background-image: url("../images/layout/right-barra.png");
}

.content{
    position: relative;
    height: auto;
    min-height: 470px;
    background: #FFCC00 url("../images/layout/content_bg.jpg") repeat-x center top;
}

.content .box_text{
    width: 95%;
    min-height: 550px;
    margin: 0 auto;
    color: #000;
    background: #FFF;
    padding: 10px;
}

.content .box_text .title{
    margin: 10px 0;
    padding: 0;
    color: #b9b9b9;
    font-size: 12px;
}

.content .box_text .box_map{
    float: left;
    width: 600px;
    height: 400px;
    
}

.content .box_text .box_info{
    float: left;
    width: 270px;
    margin-left: 10px;
}

/*CLIENTES*/
.content .box_logos{
    float: left;
    width: 550px;
    margin-right: 12px;
    
}
.box_logos .item{
    float: left;
    margin: 10px;
    
    width: 150px;
}
.box_logos .item .title{
    font-size: 12px;
}

.content .box_testimonials{
    float: left;
    width: 320px;
}

.content .box_testimonials .testimonial{
    font-size: 12px;
    font-style: italic;
    color: #808080;
    margin: 15px 0;
}

/*CONTATO*/
.content .box_form{
    float: left;
    width: 550px;
}

.content .box_form .error,
.produto-colright .form-orcamento .error{
    color: red;
}

.content .box_form .enviar,
.produto-colright .form-orcamento .enviar{
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #268a16;
	display:inline-block;
	color:#306108;
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:120px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #aade7c;
}
.content .box_form .enviar:hover,
.produto-colright .form-orcamento .enviar:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
        cursor: pointer;
        
}
.content .box_form .enviar:active,
.produto-colright .form-orcamento .enviar:active{
	position:relative;
	top:1px;
}


.content .box_form ul{
 display: block;    
}

.content .box_form ul li{
    width: 260px;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}

.textbox { 
    border: 1px solid #c4c4c4; 
    height: 25px; 
    width: 450px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.textbox:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

.content .box_map_form{
    float: left;
    
    margin-top: 12px;
    width: 320px;
    height: 310px;
}

.footer{
    clear: both;
    position: relative;
    margin: 0 auto;
    width: 935px;
    min-height: 140px;
    background: #FFCC00 url("../images/layout/footer_bg.jpg") repeat-x center 15px;
}
.footer .boxes{
    min-height: 125px;
    padding-left: 10px;
    padding-right: 10px;
}
.footer .box{
    position: relative;
    float: left;
    width: 290px;
    min-height: 90px;
    background: #FFF;
    top: 10px;
    margin-right: 1px;
    padding: 15px 0 0 10px;
    border-left: 2px solid #FFCC00;
    border-right: 2px solid #FFCC00;
}

#form_newsletter .error {
    color: red;
    font-size: 10px;
}

.box span{
    width: 165px;
    color: #000;
    font-size: 18px;
    margin-top: 5px;
    text-align: center;    
}

.box .sistema{
    float: right;
}

.box .footer-horario{
    text-align: center;
    font-size: 10px;
}

.box form input[type=text]{
    width: 185px;
    height: 25px;
    color: #808080;
    border: 1px solid #666;
    text-indent: 5px;
}

.footer .final{
    font-size: 10px;
}
.final #rights{
    float: left;
    margin-left: 10px;
}
.final #cantoweb{
    float: right;
    margin-right: 10px;
}

/*HOME - TOPO PRODUTOS*/
.content .title{
    color: #FFF;
    padding: 10px;
}

.content_produtos{
    position: relative;
    width: 910px;
    height: 285px;
    background-color: #FFF;
    left: 12px;
    
    border: 1px solid;
}

.content_produtos .produto{
    position: relative;
    float: left;
    margin: 8px 2px;
    width: 220px;
    height: 265px;
    
/*    border: 1px solid;*/
}

.content_produtos .produto .imagem{
    min-height: 195px;
}
.content_produtos .produto .title{
    position: relative;
    height: 45px;
    color: #000;
    font-size: 16px;
    
/*    border: 1px solid;*/
}
.content_produtos .produto .mais{
    position: absolute;
    bottom: 65px;
    right: 5px;
}
/* FIM - HOME - TOPO PRODUTOS*/

.clear{clear: both}

/* VITRINE */
.vitrine{
    position: relative;
    width: 910px;
    min-height: 270px;
    background-color: #FFF;
}

.vitrine .imagem{
    width: 200px;
    min-height: 265px;
    border:  1px solid #000;
}

.vitrine .title_home{font-weight: bold; color: #000; font-size: 16px; text-align: center; text-transform: uppercase;}

/* PAG. EQUIPAMENTOS */
.produto_item{
    position: relative;
    float: left;
    width: 275px;
    margin-top: 10px;
    margin-right: 10px;
    min-height: 245px;
}

.produto_item:hover{
    font-weight: bold;
}

.produto_item .produto-imagem{
    text-align: center;
    min-height: 200px;
    
}

.produto_item .produto-imagem .mais{
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.produto_item .produto-nome{
    text-align: center;
    font-size: 14px;
    margin-top: 25px;
    width: 240px;
}

/* PRODUTO */
.produto-colleft{
    float: left;
    text-align: center;
    width: 250px;
}

.produto-colleft .more_images{
    margin: 5px 0px;
    border: 1px solid #CCC;
}

.produto-colleft .more_images .image{
    float: left;
    
    width: 110px;
    height: 110px;
    
    margin: 5px;
    
    border: 1px solid #CCC;
}

.produto-colright{
    float: left;
    width: 620px;
    margin-left: 10px;
}

.content .box_text .produto-colright .title{
    color: #000;
    font-size: 16px;
}
.produto-colright .description{
    min-height: 215px;
}

.produto-colright .form-orcamento{
    width: 540px;
}

@media only screen and (min-device-width : 320px) and (max-device-width: 720px), (max-width: 720px){
    .site{width: 95%;}
    .header{width: 100%; padding-bottom: 15px;}
    .header .logo{float: none; margin: 0 auto;}
    .header .center{float: none; margin-top: -20px; width: 100%;}
    .header .contato{float: none; margin: 15px  auto  0 auto; width: 260px;}
    .contato #fone{float: none;}
    .content{min-height: 350px;}

    #left, #right{display: none;}
    .menu{width: 100%; margin: 0;}
    .menu #links{text-align: center; font-weight: bold;}
    #links ul{width: 100%; margin: 0;}
    #links ul li{display: block; padding: 10px;}

    .content .box_text img{width: 100%;}

    .content_produtos{display: none;}
    .vitrine{left: 0; top: 0; bottom: 0; margin: 0 auto; width: 95%;}
    .vitrine .img{width: 100%; text-align: center;}
    .vitrine .descricao{float: none; padding: 10px;}
    .vitrine .bt{padding: 10px; text-align: center;}
    .footer{width: 95%; min-height: 360px;}
    .footer .boxes{padding:0;}
    .footer .box{width: 95%; float: none; min-height: 40px;}
    .footer .final{position: relative; margin-top: 20px;}

    .produto-colleft{float: none; width: 100%;}
    .produto-colleft img{width: initial !important;}
    .produto-colright{float: none; width: 100%; margin: 0;}
    .produto-colright .form-orcamento{width: 100%;}

    .produto_item{float: none; margin: 10px auto;}
    .content .box_form{float: none; width: 100%;}
    .content .box_form ul li{float: none;}

    .textbox{width: 100%;}
    textarea{width: 100% !important;}

    .content .box_text .box_map, .content .box_text .box_map iframe{width: 100%;}
    .content .box_text .box_info{margin: 10px 0;}
.box_form{width: 100%;}
    .box_form textarea{width: 100% !important;}
}
}