/*
-----------------------------------------------
Grey Box Method - Layout CSS
* 
* Blau Fort #2766a2
* Blau Fluix #399dca
* Verd Fort #31974f
* Verd Fluix #84b54d
----------------------------------------------- */
body {background-color:#ccc; font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;}

/* anchors
----------------------------------------------- */
a {color: #000;font-weight:bold;text-decoration: none;}
a:hover {color:#333;}
a:focus{outline: 1px dotted invert;}

hr{border-color: #ccc;border-style: solid; border-width: 1px 0 0; clear: both;height: 0;}

/* =Spacing
--------------------------------------------------------------------------------*/
ol{list-style: decimal;}
ul{list-style: square;margin-left:10px}
li{margin-left: 10px; margin-bottom:8px}
ul li ul{margin:8px 0 0 30px; list-style: circle;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom: 20px;}

/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h1{font-size: 1.9em;}
h2{margin-top:1em;}
h3{font-size: 1.2em;}
h4{font-size: 1em;text-transform:uppercase;}
h5{font-size:1em;text-transform:uppercase;}
h6{font-size:1em; text-transform:uppercase;}

h1 a {font-weight:normal;}

/* branding
----------------------------------------------- */
h1#branding {font-weight:normal;font-size:2.4em;text-align:left;background:#aaa;padding:.4em;margin-bottom:20px;}

/* page heading
----------------------------------------------- */
h2.page-heading {font-weight:bold;font-size:1.5em;padding:0;margin:0 0 10px 0;border-bottom:1px solid #ccc;}

/* boxes
----------------------------------------------- */
.box {/*background:#ddd;*/ margin-bottom:20px; padding:10px 10px 1px 10px;}
.box .titulo{height: 37px; display: block;overflow: hidden; margin-bottom: 10px;}
.box h2 a, .box h2 a.visible {color:#fff; background-color:#2766a2; display:block; padding:6px 12px; margin:-6px -12px; border:none;}

.boxbasic{padding:10px 10px 1px 10px;}
.boxbasic h2, .box h2 {font-size:1em;font-weight:normal;text-transform:uppercase;color:#fff;background:#2766a2;
	margin:-10px -10px 0 -10px;padding:6px 12px;}
.boxbasic h2 a, .boxbasic h2 a.visible {color:#fff; background-color:#2766a2; display:block; padding:6px 12px; margin:-6px -12px; border:none;}

.boxextra{background-color:#fff; border-bottom:#ccc solid 1px;
	border-top:#ccc solid 1px; margin-bottom:5px;  display:block; padding:10px;text-align:center;}	
	
.boxextra h2{margin:0;padding:0;line-height:.8em;background-color:#fff;font-size:1.5em; color:red;font-weight:bold;  }
.boxnoprice {background-color:grey;font-weight:normal;}
.boxinfo {background-color:green;font-weight:normal}
	
/*	
.grid_4 .box h2 a {background-position: 97% 50%;}
.grid_5 .box h2 a {background-position: 98% 50%;}
.grid_12 .box h2 a {background-position: 99% 50%;}
*/

.boxbasic h2 a.hidden, .box h2 a.hidden, 
.boxbasic h2 a hidden:hover, .box h2 a.hidden:hover {background-image: url("switch_plus.gif");}
.boxbasic h2 a:hover, .box h2 a:hover {background-color:#111;}

.block {padding-top:10px;}
div.menu {padding:0;}
div.menu h2 {margin:0;}
div.menu .block {padding-top:0;}

/* My boxes My Menus
----------------------------------------------- */
#navTop{margin:10px}
#navTop a{margin-right:10px}
#navTop a:hover{color:red}

/* paragraphs, quotes and lists
----------------------------------------------- */
p {margin-bottom:1em;}
blockquote {font-family: Georgia, 'Times New Roman', serif; font-size:1.2em; padding-left:1em;
	border-left:4px solid #ccc;}
blockquote cite {font-size:.9em;}
ul, ol {padding-top:0;}

/* menus
----------------------------------------------- */
ul.menu {list-style:none;border-top:1px solid #bbb;}
ul.menu li {margin:0;}
ul.menu li a {display:block;padding:4px 10px;border-bottom:1px solid #ccc;}
ul.menu li a:hover {background:#eee;}
ul.menu li a:active {background:#ccc;}

/* submenus
----------------------------------------------- */
ul.menu ul {list-style:none;margin:0;}
ul.menu ul li a {padding-left:30px;}

/* section menus
----------------------------------------------- */
ul.section {border-top:0;margin-bottom:0;}
ul.section li {text-transform:uppercase;}
ul.section li a {background:#bbb;}
ul.section li a:hover {background:#aaa;}
ul.section li a:active {color:#fff;background:#666;}
ul.section li li a {background:#ddd;border-bottom:1px solid #eee;}
ul.section li li a:hover {background:#ccc;}
ul.section li li a:active {color:#000;background:#fff;}
ul.section ul li {text-transform:none;}
ul.section ul.current li a {background:#eee;border-bottom:1px solid #fff;}
ul.section ul.current li a:hover {background:#ddd;}
ul.section ul.current li a:active {background:#fff;}
ul.section li a.current {color:#fff;background:#666;}
ul.section li a.current:hover {background:#555;}
ul.section li a.current:active {background:#444;}
ul.section li a.active {background:#fff;cursor:default;}
ul.section li.current > a.active, ul.section li.current > a.active:hover {color:#fff;background:#666;cursor:default;}

/* table
----------------------------------------------- */
table {width:100%;border:1px solid #bbb;margin-bottom:10px;}
col.colC {width:8em;}
th, td {padding:.2em 1em;text-align:left;}
thead th {border-bottom:2px solid #888;background:#bbb;padding:.4em 1em .2em;}
thead th.table-head {font-size:1em;font-weight:normal;text-transform:uppercase;color:#fff;background:#555;
	border:1px solid #555;}
tbody th, tbody td {border-top:1px solid #bbb;border-bottom:1px solid #bbb;background:#eee;}
tbody tr.odd th, tbody tr.odd td {background:#fff;}
tfoot th, tfoot td {border-top:2px solid #666;background:#eee;}
tfoot tr.total th, tfoot tr.total td {border-top:6px double #666;}
tfoot tr.total th {text-transform:uppercase;}
th.currency, td.currency {text-align:right;}

/* forms
----------------------------------------------- */
form {overflow:hidden;}
fieldset {border:1px solid #bbb; padding:10px; position:relative; background:#e9e9e9; margin-bottom:10px;}
legend {font-size:1.1em; padding:.4em .8em; background:#fff; border:1px solid #bbb;}

fieldset p label,fieldset p input,fieldset p select,fieldset p textarea{width:98%;}

fieldset.login p {margin-bottom:1em;margin-top:0pt;}
fieldset.login p label {float:left;line-height:2em;margin-right:3%;text-align:right;width:32%;}
fieldset.login p input {width:60%;}
fieldset.login input.button {margin-left:35%;}

form p.notice {font-weight:bold;}

/*
input.search.text {width:66%;}
input.search.button {width:28%;margin-left:2%;}*/

/* 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;}    

/* Select */
select.cats {background-color:#2766a2; color:#FFF;font-weight:bold;font-size:1.6em;width:99.8%;-moz-appearance: none;-webkit-appearance: none;appearance: none;-webkit-user-select: none;
	background-image: url(../img/icon-select.jpg);background-position: 97% center;background-repeat: no-repeat;border: 1px solid #AAA;
	overflow: hidden;padding: 5px 10px;white-space: nowrap;
}

/* articles
----------------------------------------------- */
.articles {padding:0;}
.articles h2 {margin:0;}
#articles {padding-top:0;}
.article {border-top:1px solid #666;padding-top:.5em;}
.box .article {border-top:3px solid #fff;padding:13px 10px 0 10px;}
.article h2 {font-size:2em;font-weight:normal;text-transform:none;color:#333;background:transparent;padding:0;	
	margin:0;border:none;}
.article h3 {margin-bottom:.2em;font-size:1.6em;}
.box .first {border-top:none;}
.article h4 {font-size:1.2em;text-transform:uppercase;margin-bottom:.5em;}
.article a.image {float:left; margin:3px 10px 3px 0; padding:4px;border:1px solid #bbb;background:#fff;}
.article a.image:hover {border:1px solid #666;}
.article a.image img {float:left; }
.article p.meta {color:#666;border-top:1px dotted #999;border-bottom:1px dotted #999;padding:.3em 0;margin-bottom:.8em;}

/* site information
----------------------------------------------- */
#site_info .box {color:#ccc;background:#666;margin-bottom:10px;}
#site_info a {color:#fff;}
#site_info a:hover {color:#000;}

/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
.block {padding-bottom:1px;}

/* Accordian
----------------------------------------------- */
.toggler {color: #222;margin: 0;padding: 2px 5px;background: #eee;border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;border-top: 1px solid #f5f5f5;border-left: 1px solid #f5f5f5;font-size:1.1em;
	font-weight: normal;}
.element h4 {margin: 0;padding:4px;line-height:1.2em;}
.element p {margin: 0;padding: 4px;}
.float-right {padding:10px 20px;float:right;}
#accordian-block {padding-bottom:10px;}

/* Camera Slider Container & logo
----------------------------------------------- */
#fluid_container, #logo{margin-bottom:20px}

#logo img {width:100%;}

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