@charset "UTF-8";

html {font-size: 
13px
;}
body { font-family: 
 'Open Sans', sans-serif;
; font-size:
13px
; font-style:normal; color:
#575252
;}   
body { background-color: 
#000000
; margin: 0; padding:0;}
table.interface  { border: 1px dotted 
#575252
; background-color:
#d6d6d6
; font-size:12px;}



@media screen and (max-width: 1024px){
 html {font-size: 1.2em;}
}


/*Custom Body Admin */
#page1{background-color:
#000000
;margin: 0px 0px 0px 25px;  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  font-size:13px; font-style:normal;}
/*Custom Body*/
#page2{background-color:
#000000
;}
#page3{background-color:
#ffffff
;}
#pagegallery{text-align:center;}

img.logo { float:left;  padding:0;}

a:link, a:visited { color: 
#ea7548
;text-decoration: none;  font-size:
13px
;}
a:hover {color :
#ec7f27
; }
.baugrund { position: relative;  text-align:right; padding:20px 27px 15px 0;}
a.bau:link, a.bau:visited {color:
#ea7548
; padding: 0px 6px 0px 0px; font-size:11px;}
a.bau:hover {color: 
#ec7f27
;text-decoration: none;}


/*HOME*/
.text_home { font-size:
13px
; color: 
#1b231b
;line-height:
150%
; margin: 0; padding: 0; text-align:justify; letter-spacing:1px; }
.text_home p{ margin: 0; padding: 0;}
.text_home a:link, .text_home a:visited { color: 
#cd6b1d
;text-decoration: none;  font-size:
13px
;}
.text_home a:hover {color :
#ec7f27
; }


#back_maincontent { position: absolute; top: 0px; z-index: 30; background-color: 
transpa
; opacity: 0.2;  filter: alpha(opacity=20);}
#maincontenth { position: absolute; z-index: 50;}
#box { padding: 0 0 0 6px; margin: 0;}
.faded { display: none;  }

#maincontenth2 { position: absolute; top: 
180px
; z-index: 50;}
#back_maincontent2 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter:alpha(opacity=20); -moz-opacity:0.20;-khtml-opacity: 0.20;opacity: 0.20; background-color: 
#ffffff
;position: absolute;height: 100%;z-index:-1;}
#box2 { position: relative; padding: 0; margin: 0;  width: 100%; height:100%; z-index: 150;}

#back_maincontent3 { position: absolute; height:100%; z-index: -2;  background: 
#ffffff
; opacity: 0.2;  filter: alpha(opacity=20);}
#box3 { padding: 0; margin: 0; width: 100%; z-index: 200;}


/*CONTACT*/
#address {position:absolute; width:300px;top:55px;left:550px;}
.error {color: 
#e6c584
;}
.contacto{color:
#ea7548
; font-size:
13px
; line-height:1.4rem; text-align:left; text-transform:uppercase;}


/*forms*/
input.colorw {width: 100px; height: 100px; margin-right:10px;}
label.userl {display: block;width: 114px;float: left;}
input.field {width: 300px;}
input.field2 {width: 690px;}
input.userf {width: 180px;}
input.userg {width: 40px;}
input.alt {width: 370px;}
input.btn {width: 80px;}
select {width: 95px;}
select {width: 60px;}
textarea {width: 300px;height: 100px;}
textarea.descrip {width: 300px;height: 50px;}
textarea.contact {width: 650px;height: 90px;}
textarea.codes {width: 500px;height: 40px;}

/*Admin*/
#mainbox { width:950px; background-color:
#d6d6d6
; padding:15px 0 5px 0;}
#headeradmin { position:relative; top:20px; left: 0px; width:950px; background-color:
#d6d6d6
;}
#headeradminb { position:relative; top:20px; left: 0px; }
#headercambio {position:relative; top:20px; padding: 10px 0px 0px  0px; }
#headermenu { width:950px; background-color:
#d6d6d6
;}
p.img { background-color:
#d6d6d6
; width:98%; padding:10px 0 10px 10px; white-space:nowrap;}

.pictureserie { background-color: 
#d6d6d6
; border: 0px solid 
#575252
; padding: 3px; display:inline; } 
.pictureserie img  {border: 1px solid 
#575252
; vertical-align:middle; margin-bottom: 3px; display:inline;} 
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; } 
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 

table tr.gallery td { border-bottom: 1px dotted 
#575252
; background-color:
#d6d6d6
; font-size:13px;}
table tr.gallerytitle td { padding: 10px 0 5px 0; border-bottom: 2px solid 
#575252
; color:
#d05b39
; background-color:
#d6d6d6
;font-weight:bold; font-size:13px;}
table td.fondog { padding-top: 10px;}
table td.galleryadmin { width:330px;border-right: 0px solid 
#575252
;}
.toggleborder img { border: 1px dotted 
#575252
;}
.toggleborder:hover img { border: 1px solid 
#ea7548
;}
.toggleborder:hover { color: red;} /* Dummy definition to overcome IE bug */

a.menu:link, a.menu:visited { color : 
#ea7548
; font-size: 13px; font-weight:normal;text-decoration : none;padding-right:10px;}
.menublock { border: dotted 1 px 
#d6d6d6
; background-color :
#d6d6d6
;  }
a.menu:hover { color : 
#ec7f27
; background-color : none; text-decoration : none;}
a.menubig:link, a.menubig:visited {  color : 
#ea7548
;font-size: 17px; font-weight:bold; text-decoration : none;}
a.menubig:hover{ color : 
#ec7f27
; font-size: 17px; background-color :
transpa
; font-weight:bold; text-decoration: none;}

font.grostitreoff { font-size:35px; font-style:normal; font-stretch:condensed; color : 
#d05b39
;text-decoration : none;line-height : 30px;}
.mensaje { font-size:14px;color:#F06; line-height : 30px;}
.delete { font-size : 14px; color:
#575252
;}
.usertitle { font-size :13px; font-weight:bold;  text-transform:uppercase; }
.usertitle2 { font-size :16px; font-weight:bold;  text-transform:uppercase;color : 
#d05b39
; padding-left:10px;}
.usertitle3 { font-size :16px; font-weight:bold;  text-transform:uppercase;color : 
#d05b39
; }
.seccion { font-size:28px; font-weight:bold;}

/* GALLERY  */
.content_gallery{width:880px; margin:
180px
 auto 0 auto; text-align:left;}
.picturegallery { background-color: 
#000000
; border: 0px solid 
transpa
; margin: 0 
35px
 
15px
 0;  display:inline; float:left;} 
.picturegallery img  {border: 1px solid 
transpa
; vertical-align:middle; margin-bottom:3px; display:inline;} 
.picturegallery a  {border: none;} 
.detail{ font-size : 80%; color:
#d05b39
;}


/* PAGE */
#page { width:100%; margin:0; padding:0; text-align left; background:
#ffffff
;}
#page_content { padding: 30px 30px 15px 30px;} 
.title_notas{color:
#d05b39
; text-transform:uppercase; font-size:140%; text-align: left; letter-spacing: 0.1em;}
.text_notas { font-size:
13px
; color:
#575252
; line-height:
150%
; margin:0; padding:0; text-align:justify; letter-spacing:1px; -webkit-font-smoothing:antialiased;}
.text_notas p{ margin: 0; padding: 0;}
.text_notas a:link, .text_notas a:visited { color: 
#ea7548
; text-decoration :none;  font-size:
13px
;}
.text_notas a:hover {color:
#ec7f27
;}



/* MENU */
#grid { display: block;  width: 17px; height: 18px; background: url("_images/grid_icon.png") no-repeat 0 0;}
#grid:hover { background-position: -16px 0;}
#grid span { display: none;}
a {outline: 0;}
a.lg:link, a.lg:visited{color:
#d05b39
; font-family: 
 'Open Sans', sans-serif;
; font-size:
11px
; text-decoration: none;}
a.lg:hover {color:
#e6c584
; } 
.lg2{color:
#d05b39
; font-family:
 'Open Sans', sans-serif;
; font-size:
11px
; text-decoration: none;}
a.flech:link, a.flech:visited{color:
#ffffff
; font-family: 
 'Open Sans', sans-serif;
; font-size:120%; font-weight:bold; text-decoration: none;} 
a.flech:hover {color:
#e6c584
; } 
a.linkto:link, a.linkto:visited{color:
#ffffff
; text-decoration:none;} 
a.linkto:hover {color:
#e6c584
;}  



/* FLOATING MENU VERTICAL*/
#fl_menu{font-family:
 'Open Sans', sans-serif;
; position:absolute; top:
180px
; left:
45px
; z-index:1000; width:
200px
;}
#fl_menu .label{text-align:left; padding: 
2px
 
10px
;  font-size:
11px
; text-transform:uppercase;font-weight:bold; background:
#d05b39
; color:
#ffffff
; letter-spacing:1px;  border:1px dotted 
transpa
; display:none;}
#fl_menu .menu{display:none;}
#fl_menu .menu .menu_item{ font-family: 
 'Open Sans', sans-serif;
; text-align:left; display:block; background:
transpa
; color:
#ffffff
; border-top:1px solid 
transpa
; padding:
2px
 
10px
;  font-size:
11px
; text-transform:uppercase; font-weight:bold; font-style:normal; text-decoration:none;line-height:
150%
;}
#fl_menu .menu .menu_item2{border-bottom:1px solid 
transpa
; }
#fl_menu .menu a.menu_item:hover{background:
transpa
; color:
#e6c584
;}


/* FLOATING MENU HORIZONTAL*/
#fl_menuh{position:absolute; top:
180px
; left:
45px
; z-index:1000;  font-size:
11px
;}
#fl_menuh .label{padding:
6px
 
20px
; font-weight:bold; background:
#d05b39
; color:
#ffffff
; font-size:
11px
; text-transform:uppercase;letter-spacing:1px; float:left; margin:1px 0 0 1px; border:1px dotted 
transpa
; display:none;}
#fl_menuh .menu{float:left;}
#fl_menuh .menu .menu_item{font-family: 
 'Open Sans', sans-serif;
; display:block; background:
transpa
; color:
#ffffff
; margin:1px 0 0 1px; padding:
6px
 
20px
; font-size:
11px
; text-transform:uppercase; font-weight:bold;  font-style:normal; text-decoration:none; float:left;}
#fl_menuh .menu a.menu_item:hover{background:
transpa
; color:
#e6c584
;} 


/* MAGNIFIC POPUP*/

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: 
#000000
;
  opacity: 0.8;
  filter: alpha(opacity=80); }
  
  .mfp-close { color:  
#ddbd7e
;}
  .mfp-close-btn-in .mfp-close { color: 
#ffffff
; } 
 

  


/* COLORBOX */
#cboxOverlay{background:
#000000
;}
.cboxIframe{background:
#000000
;}
#cboxLoadedContent{background:
#000000
; padding:1px;}
#cboxLoadingOverlay{background:
#000000
;}
#cboxTitle{position:absolute; top:-15; left:40; color:
#7d7878
;font-size:
11px
; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
#cboxTitle a {font-size:
11px
;}
#cboxCurrent{position:absolute;  top:-15;  left:0;  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:
#7d7878
;font-weight: bold; font-size:
11px
; letter-spacing:0 px; }

/*#outsideLink{position:fixed; top:11px;right:40px; background:
#ffffff
; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:
#7d7878
; cursor:pointer; padding:4px; font-size:0.9em; font-weight:bold; z-index:-1;}*/

#outsideLink {
position:fixed; top:15px;right:90px;background-color:transparent;border:1px solid 
#ffffff
;display:inline-block;cursor:pointer; color:
#ffffff
; font-family:
 'Open Sans', sans-serif;
;font-size:13px;letter-spacing: 1px;padding:2px 5px; text-decoration:none;}

#outsideLink:hover { border:1px solid 
#ddbd7e
; color:
#ddbd7e
;}

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background: none; border:0; padding:0; margin:0; overflow:visible;}
        
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

/*BOTON Previous */
#cboxPrevious{width: 0;height: 0;border-style: solid;border-width: 12.5px 15px 12.5px 0; border-color: transparent 
#ffffff
 transparent transparent; position:fixed;top:50%;left:3px;height: 20px;margin-top: -6px; outline:none !important;}
#cboxPrevious:hover{border-color: transparent 
#ddbd7e
 transparent transparent;}

/*BOTON NEXT*/
#cboxNext {width: 0;height: 0;border-style: solid;border-width: 12.5px 0 12.5px 15px; border-color: transparent transparent transparent 
#ffffff
; position:fixed;top:50%;right:3px;height: 20px;margin-top: -6px;  outline:none !important;}
#cboxNext:hover{border-color: transparent transparent transparent 
#ddbd7e
;}
		

/*BOTON CLOSE*/
#cboxClose {position: fixed;right:7px; top:9px; width:15px; height:15px; opacity: 0.3;outline:none !important;}
#cboxClose:hover {opacity: 1;}
#cboxClose:before, #cboxClose:after {position: absolute; left: 5px; content: ' '; height:28px; width:2px; background-color:
#ffffff
; }
#cboxClose:before {transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); }
#cboxClose:after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); }


        
/*SLIDESHOW*/
#cboxSlideshow {position:fixed; top:14px;right:50px;width: 22px;height: 0;padding-bottom: 20px;border:1px solid 
#ffffff
;outline:none !important;}
#cboxSlideshow:before {content: '';display: block;border-style: solid;border-width: 7.5px 0 7.5px 11px; border-color: transparent transparent transparent 
#ffffff
;position: absolute; top: 50%;left: 50%;margin: -7px 0 0 -5px;}
	    
.cboxSlideshow_on #cboxSlideshow{position:fixed; top:14px;right:50px;width: 22px;height: 0;padding-bottom: 20px;border:1px solid 
#ffffff
;outline:none !important;}
.cboxSlideshow_on #cboxSlideshow:before{ content: '';display: block;border-style: none;width: 3px;height: 12px;border-right: 4px solid 
#ffffff
;border-left: 4px solid 
#ffffff
;position: absolute;top: 50%;left: 50%;margin: -6px 0 0 -5px;}
.cboxSlideshow_on #cboxSlideshow:hover{position:fixed; top:14px;right:50px;width: 22px;height: 0;padding-bottom: 20px;border:1px solid 
#ddbd7e
;outline:none !important;}
.cboxSlideshow_on #cboxSlideshow:hover:before{border-right: 4px solid 
#ddbd7e
;border-left: 4px solid 
#ddbd7e
;}
		
.cboxSlideshow_off #cboxSlideshow{position:fixed; top:14px;right:50px;width: 22px;height: 0;padding-bottom: 20px;border:1px solid 
#ffffff
;outline:none !important;}
.cboxSlideshow_off #cboxSlideshow:hover:before {border-color: transparent transparent transparent 
#ddbd7e
;}
.cboxSlideshow_off #cboxSlideshow:hover{position:fixed; top:14px;right:50px; width: 22px; height: 0;padding-bottom: 20px;border:1px solid 
#ddbd7e
;outline:none !important;}       
        

/* GRID 2-3-4 COLUMNAS*/

/*  SECTIONS  */
.section {clear: both;padding: 0px;margin: 0px;}

/*  COLUMN SETUP  */
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}

.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 49.2%;}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GRID OF FOUR  */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 23.8%;}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
    .span_2_of_2, .span_1_of_2 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
    .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}



@media only screen and (max-width: 1024px) {
   #fl_menu .menu .menu_item {
      font-size: 1em;
      line-height: 1.2;
      width:300;
   }

#fl_menuh .menu .menu_item {
      font-size: 1em;
      line-height: 1.2;
   }


}

/* VIDEO*/
.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}

.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}