@charset "UTF-8";
/* COLORS
verd: #97bf0d
blau: #0c3183
vermell: #d10c16
verd gimp: #97c00e
verd baner: rgb(127, 216, 0)
*/

body {/*background-color:#ccc;*/ font-size:95%; font-family:Arial, Helvetica, sans-serif; line-height: 150%;}

/* @group headers */
/* HEADERS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#menu_bar {width:98%; min-height:52px;background-color:rgb(127, 216, 0)}
/*#menu_bar div {width:100%; height:52px;}*/
#menu_bar span.bt-menu {float:right; line-height:2.3em; display:block; padding-right:12px;color:#fff;text-decoration:none;font-weight: bold;
		font-size:22px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}

#nav_bar .bt-nav {height:32px; display:block; padding-left:12px; background-color:rgb(127, 216, 0); color:#fff; text-decoration:none; 
		font-size:22px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#nav_bar span {font-size:22px; line-height:1.4em; padding-right:10px}

#phone_bar .bt-tel {display:block; /*padding-left:12px;*/ text-decoration:none; font-size:20px; margin-top:6px;
		-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#phone_bar span {float:left; font-size:20px; padding-right:8px; padding-left:10px}

#logo_bar{display:none}
#logo_bar img {width:100%;}
#logo_bar h1{padding:0; margin:0}

#navTop {background-color:#0c3183; overflow:hidden; display:none; padding-top:10px}
#navTop a, #navTop a:visited {display:block; color:#fff; text-decoration: none; letter-spacing:1px; 
	line-height:27px; font-weight:bold; padding:0 15px; margin-right:4px;}
#navTop a:hover {color:#ccc}

#marks_bar{background-color:#0c3183;overflow:hidden; display:inline-block;}

.addresslogo{margin-left: 60px;font-size: 15px;font-weight: bold;color:#84b54d; margin-bottom:0}

/* boxes
----------------------------------------------- */
.box {margin-bottom:20px; padding:12px;}
.box h1, .box h1 a, .box h1 a.visible {color:#fff; font-size:1.2em; background-color:#0c3183; display:block; padding:6px 12px; 
	margin:-6px -12px; border:none;clear:both}
.box h2 {font-size:1em; font-weight:normal;/*text-transform:uppercase;*/ color:#fff; background:#2766a2;font-size:1em;
	margin:-10px -10px 0 -10px; padding:6px 12px;}
.box h2 a, .box h2 a.visible {color:#fff; text-align:center; background-color:#0c3183; display:block; padding:6px 12px; margin:-6px -12px; 
	border:none;text-decoration:none;}

/* FGonts BoxProds*/
.boxprods{margin-bottom:10px; padding:10px 10px 1px 10px; border:#999 solid 1px; text-align:left; }
.boxprods h2, .boxprods h2 a  {overflow:hidden; height:38px;font-size:1.2rem; font-weight:bold;line-height:125%; margin-bottom:0;}
.boxprods h3, .boxprods h3 a, .boxprods p {font-size:1.2rem; line-height:100%; text-align:left}
.boxprods h2 a:visited, .boxprods h3 a:visited{color:#000}

/* @group sidebar */
/* SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#menu {background:#fff; position:absolute; left:-100%; top:53px;}

ul.menu, ul.menu ul {list-style-type:none; margin:0 0 20px 0; padding: 0; background:#fff}

ul.menu a {display: block; text-decoration: none;	}
ul.menu li {margin-top: 1px; list-style:none; margin-left:0; line-height:160%}

ul.menu li a, ul.menu ul.menu li a {color:#0c3183; padding: 0.5em; 
	/*font-family:Times; font-size:1.1em;*/ border-bottom:#375e5d dotted 1px}
ul.menu li a:hover, ul.menu ul.menu li a:hover {color:#333}
ul.menu li ul li a, ul.menu ul.menu li ul li a {background:#97bf0d; color:#000; padding-left: 5px;}
ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {background: #aaa;border-left: 5px #000 solid; padding-left: 3px;}
ul.menu ul.menu li a:hover {border-left: 0;padding-left: 0.5em;}
ul.menu ul.menu {border-left:5px #f00 solid;}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
	text-decoration:none; background: #bd0b14; color:#fff}

/* @group miscellaneous */
/* MISCELLANEOUS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
h1.ppto{font-size:1.6rem;}
/*h2{font-size:1.4rem;}*/
h3{font-size:1.2rem;}
h4{font-size:16px; color:#C00; font-weight:bold}
h5{font-size:14px;}
h6{font-size:12px;}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6  {margin: 1em 0; padding:0; font-weight:normal}

strong.price{color:#e7af12;font-weight:bold}
strong.pricenow{color:#d10c16;font-weight:bold}
strong.priceiva{color:#0c3183;font-weight:bold}

ul {list-style:none;}
ul li {}
ol li {margin-left:35px;}
hr {border-top: 1px solid #CCCCCC; border-right: 0;border-left: 0;border-bottom: 0;height: 1px;}
img, a {border:none; outline:none}

a, a:visited {color: #006699; text-decoration: underline;}
a:hover, a:active, a:focus {color: #333333; text-decoration:none;}

/* Tablas */
table {width:100%; border-collapse: collapse; font-family:Arial, Helvetica, sans-serif; padding-bottom:8px;}
table, table td a{color:#666}
table a:hover{color:#000}
caption{ font-weight:bold; font-size:1.1em}
td, th { padding:3px;border-bottom:#000 dotted 1px}
thead th { text-align:left; color:#000; padding-top:6px; /*background-color:#990000;*/}
tbody th, tbody td {cursor:default; }
tfoot td, tfoot th{background-color: #fff; padding:3px; color: #FFFFFF;}
tbody tr:hover {background: #CCC; color:#000} 
td.center, th.center{text-align:center;}

/* FORM
--------------------------------------------------------- */
.contact_form { /*width: 600px; float:left;*/ margin-bottom:25px; }
.contact_form p {padding:0}

form {margin: 0; padding: 0;}
/*form label {cursor: pointer; float:left; color:#000}*/
input, select, textarea, .inputbox {padding: 3px 5px; font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:100%; width:97%}
fieldset {border: none; padding: 10px 5px;}
fieldset a {font-weight: bold;}

legend {font-size:125%; font-weight:normal; color:#000;background:transparent; border:0; padding:0 0.5em;}

label { /*float: left; display: block; clear: both;*/ padding: 3px 0; color: #333; font-weight: normal; /*width:auto;*/ }
	label.lcurrent { font-weight: bold; }
	label img { vertical-align: middle; }

input[type="radio"], input[type="checkbox"] {margin:5px 0 0 0; padding:0; width:20px}
select.option:focus, input:focus, textarea:focus{ border-color:#666;}

label.error {font-size: 12px; color:red; /*margin: 0 0 10px 150px;*/ display: none; clear:both; cursor:pointer; }

a.submit { border: 0; background: #000; color: #fff; padding: 5px; margin:10px 0; text-decoration:none}
a.submit:hover{color:#fff; cursor:pointer;}
a.submitA { border: 0; background: #000; color: #fff; padding: 5px; float: left; margin-left: 150px; }
a.submitA:hover{cursor:pointer;}
.enviar { border: 0; background: #000; color: #fff; padding: 5px; /*float: left;*/ margin-left:0px;}
.selarxiu{float: left; margin:0 0 15px 150px; clear:both }

/*FORM presupuesto -----------------------*/
input.submit{width:auto !Important; background:#f5f5f5;color: #000;border-color: #c8c8c8;
	padding: 5px;margin-top: 0.5em;}
input.error {background-color:red }
.error{color:red}

a.boton { width:auto !Important; background:#000; color: #fff; border-color: #c8c8c8;
	padding: 5px; margin-top: 0.5em; text-decoration:none}

.especial{background-color:#97bf0d; color:#000; padding:8px}

/* Watermark
----------------------------------------------- */
.watermarkmask {width:100%; z-index:20;}
.watermark {width:100%;z-index:-1; position:relative;}

/* search
 * http://www.esandra.com/crea-un-campo-de-busqueda-con-css3/
----------------------------------------------- */
#searchform {/*width: 98%;*/ height:28px;padding: 8px;margin:10px auto;background: #ccc;border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 2px 0 rgba(255,255,255,.5);}
#searchform input {width:94%; height:20px; padding: 5px; /*float: left;*/ border: 0; background: #eee;
    border-radius: 3px 0 0 3px;box-shadow: 0 1px 1px rgba(0,0,0,.4) inset;}
#searchform input:focus {outline: 0; /*height:21px;*/ background: #fff; box-shadow: 0 0 2px rgba(0,0,0,.8) inset;}
#searchform input:-webkit-input-placeholder {color: #999; font-weight: normal;font-style: italic;}
#searchform input:-moz-placeholder {color: #999; font-weight: normal; font-style: italic;}
#searchform input:-ms-input-placeholder {color: #999; font-weight: normal;font-style: italic;}   
#searchform button {position: relative;top:-30px; float: right; border: 0;cursor: pointer; height: 30px; width: 80px;font-size:15px;
    color: #fff;background: #438cdb;border-radius: 0 3px 3px 0;text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);}   
#searchform button:hover{background: #2672e0;}	
#searchform button:active,#searchform button:focus{background: #2672e0;}
#searchform button:before { /* flecha */content: '';position: absolute;border-width: 8px 8px 8px 0;border-style: solid solid solid none;
    border-color: transparent #438cdb transparent;top: 8px;left: -5px;}
#searchform button:hover:before{border-right-color: #2672e0;}
#searchform button:focus:before{border-right-color: #2672e0;}