#system_alert{display:block; width:1000px; margin:5px 0px; padding:4px; border:solid 1px;}
.success {border-color:green; color:green;}
.fail {border-color:red; color:red;}
.warning {border-color:yellow; color:yellow;}
.info {border-color:blue; color:blue;}

a.current {font-weight:bold;}

/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: #f5f5f5;
}

#footer .container {text-align:center; padding-top:18px;}

.bold {
    font-weight: bold;
}
.clear {
    clear: both;
}

.contenido .catalogListCategory {
    display: block;
    padding:10px 20px;
    margin: 7px 0px;
    width: 95%;
    border:solid 1px #a3a3a3;
}

.contenido .catalogListItem {
    width: 95%;
    border:solid 1px #a3a3a3;
    padding:10px 20px;
    margin: 20px 0px;
}

.contenido .catalogListItem a.catalogListItemLabel {
    display: block;
    margin: 15px 0px 7px 0px;
    font-size: 35px; 
    color: #003F7D;
}

.contenido img.catalogListImagePic {
    margin: 15px;
    float: left;
}


.MenuBarHorizontal > li > a {
    text-transform: uppercase;
}


.imagen_ap img {max-width:100%; margin-bottom:5px;}

.imagen_ap_fix_height {width:100%; height: 200px; background-repeat: no-repeat;}

.mainpageCategory {
    margin:0px 20px 30px 20px;
    width:260px;
    float:left;
}

.mainpageCategory img {
    max-width:100%;
}
.mainpageCategory a.categoryMoreInfo {
    display: block;
    width: 100%;
    padding:10px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
    text-align: center;
    height: 30px;
    border: solid 1px grey;
}

.galleryImageWithText {
    display: block;
    float: left;
    width:280px;
    margin: 15px 15px 10px 0px;
    text-align:center;
}
.galleryImageWithText-work {
    display: block;
    float: left;
    width:380px;
    margin: 15px 15px 10px 0px;
    text-align:center;
	min-height: 250px;
}

/* item page */
.itemShortDescription {
    margin: 30px 0px 30px 0px;
    padding: 10px 20px;
    background: #eeeeee;
    font-size: 16pt;
    line-height: 1.5em;
}
.itemShortDescription .itemImage {
    float: right;
    margin: 0px 0px 15px 15px;
}

.navbar{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}


.contenido table tr td{
border:3px solid #FFF;
padding:3px 10px;
text-align:center
}
.contenido table tr{
background-color:#eee;
color:#000
}
.destacadas{
margin-top:40px;
width:60%!important;
display:block;
margin-bottom:40px
}
.destacadas table tr>td:nth-child(1){
background-color:#036;
color:#FC0;
text-align:right
}
.contenido .destacadas table tr>td:nth-child(2){
text-align:left
}
.contenido .contenido2 table{
font-weight:14pt;
border:none!important;
width:100%
}

/*download pdf button*/
a.boton{
border:1px dotted #003;
padding:10px 30px;
color:#003;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease
}
a.boton:hover{
background-color:#003;
color:#FFF
}
a.boton{
box-sizing:border-box;
width:100%;
margin:auto;
text-align:center;
display:block
}
a.boton img{
height:35px;
margin-right:10px;
vertical-align:middle
}


/*systemns on main page*/
.adaptable{
width:100%;
text-align:center;
vertical-align:top;
text-transform:uppercase;
color:#FFF;
display:table;
height:110%;
min-height:300px;
max-height:500px;
}

.adaptable h1 {
text-align:center;
text-transform:uppercase;
color:#FFF;
font-size: 32px;

}


.sn:nth-child(1n+0){
background-image:url(/interface/images/impermeabilizacion.jpg);
background-size:cover;
}
.sn:nth-child(1n+0) .centrable {     background-color: rgba(0,0,0,0.6);	}


.sn:nth-child(2n+0){
background-image:url(/interface/images/proteccion.jpg);
background-position:bottom;
background-size:cover;
}
.sn:nth-child(2n+0) .centrable {     background-color: rgba(0,90,255,0.6);	}

.sn:nth-child(3n+0){
background-image:url(/interface/images/aislamiento.jpg);
background-position:bottom;
background-size:cover;	
}
.sn:nth-child(3n+0) .centrable {     background-color: rgba(255, 204, 0, 0.7);	}

.sn:nth-child(4n+0){
background-image:url(/interface/images/pavimentacion.jpg);
background-position:bottom;
background-size:cover;
}
.sn:nth-child(4n+0) .centrable {     background-color: rgba(170,0,0,0.6);	}
.adaptable h3{
font-weight: 300;
font-size: 34pt;
margin-top:-30px;
}
.banner1,.banner2,.adaptable ul li:hover,.adaptable ul li:hover a{
color:#FFF;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease
}
.adaptable ul{
margin-top: 10px;
margin-bottom: 10px;
padding: 0;
max-width: 980px;
margin: auto;
width: 90%;
}
.adaptable ul li{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;

display: inline-block;
width:auto;
border:1px dotted #FFF;
font-size:16pt;
background-color:rgba(255,255,255,0.8);
padding:10px 30px;
font-weight:400;
margin:10px
}
.adaptable ul li:hover{
background-color:#003
}
.adaptable:nth-child(1) ul li:nth-child(1),.adaptable:nth-child(1) ul li:nth-child(2),.adaptable:nth-child(1) ul li:nth-child(3),.adaptable:nth-child(1) ul li:nth-child(4){
display:none
}
.centrable{
display: table-cell;
vertical-align: middle;
}

/*main top menu
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a.active {
	background-color: #e8b448;
	color: #242d48;
}*/

/*language panel*/
.idiomas a.active {
    font-weight: bold;
    color: #e8b448;
}

/* Mainpage video */
.slider_video  {
	margin: 0px auto;
	width:100%;
	text-align: center;
}

@-ms-viewport {
  width: device-width;
}

@media screen and (max-width: 1280px) { div.contentblock {width: 1200px;} }
@media screen and (max-width: 1140px) { div.contentblock {width: 1024px;} }
@media screen and (max-width: 992px) { div.contentblock {width: 970px;} }

.topnav {
  background-color: #e8b448;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-weight: normal;
  font-style: normal;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #242D48; /*242D48  #333*/
  color: #fff;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 1100px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1100px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.main-page-video-container{
    overflow:hidden;
    display:block;
    height: 830px;
}