#content h2{font-family: arial !important;}
.item-page .page-header h2{font-size: 150% !important; text-align:center; font-weight: bold;}
#menuSuperior{z-index: 99999999;}
#logoSlide{width: 100%; position:absolute; z-index: 99999; text-align:right; padding: 17px; margin-top: 20px;}
#logoSlide img{max-width: 175px;}

#titSlide{width: 100%; text-align:center; font-size: 150%;}

#frameMenuCirc{margin-top: 10px;}
#menuCirc{padding: 10px;}
#menuCirc a{color: black; text-decoration:none;}
#menuCirc a:hover{color: red; text-decoration:none;}
#menuCirc a:hover #titmenuCirc{border-bottom: 1px solid red;}

#titmenuCirc{width: 100%; border-bottom: 1px solid black; font-size: 21px; letter-spacing: 3px;}


#institucional p{font-size: 18px;}
#institucional ul li{font-size: 18px;}

#servicios p{font-size: 18px;}
#servicios ul li{font-size: 18px;}

#categorias ul {margin-bottom: 20px;}
#categorias ul li{border-bottom: 1px solid #555555;}
#categorias ul li a{color: black;}
#categorias ul li a:hover{color: red; text-decoration: none;}


#content #flax-component{width: 100%; overflow:hidden;}
#content .item-image img{width: 50%;}
#content h2 {margin-top: 5px; padding: 0;}

#boton{width: 100%; text-align:center; border-radius: 5px; border: 1px solid grey; padding: 5px; cursor:pointer;}
#boton:hover{background-color: grey; color:white;}

#frameEmpresa{width: 100%; background-color: #f3f3f3; padding-bottom: 5px;}

#frameObras{}
.titSeccionObras{}

#frameContacto{width: 100%; background-color: #212121; padding-bottom: 5px; color: white; margin-top: 7px;}
.titSeccionContacto{color:white;}



#footer{text-align:center; font-size: 18px; letter-spacing: 3px;}



@media (max-width: 480px) {
	
#content {padding: 0; padding-left: 5px; padding-right: 5px;}
#content ul{list-style: none; padding: 0;}
#content ul li{min-width: 100%; max-width: 100%; min-height: 200px; max-height: 200px; overflow: hidden; float: left; padding: 5px; margin-bottom: 15px;}
#content ul li img{width: 100%; max-height: 200px;}
#content ul li h3{font-size: 17px; font-weight: bold; padding-bottom: 5px; margin-top: 0; margin-bottom: 0;}
#content ul li a{color: black;}
#content ul li a:hover{color: red; text-decoration: none;}
#content ul li p{font-weight: bold; font-size: 15px; font-family: arial; color: #4e4e4e;}
	
	
#content .tag-category ul li h3{height: 36px;}
#content .tag-category ul li{min-width: 100%; max-width: 100%; min-height: 340px; max-height: 340px; overflow: hidden; float: left; padding: 5px; margin-bottom: 15px;}
#content .tag-category ul li img{width: 100%; min-height: 200px; max-height: 200px;}
#content .tag-category ul li h3{font-size: 17px; font-weight: bold; padding-bottom: 5px; margin-top: 0; margin-bottom: 0;}
#content .tag-category ul li a{color: black;}
#content .tag-category ul li a:hover{color: red; text-decoration: none;}

#content .blog > div{min-width: 100%; max-width: 33%; min-height: 340px; max-height: 340px; overflow: hidden; float: left; padding: 5px; margin-bottom: 15px;}
#content .blog .page-header {margin-bottom: 10px; text-align:center; padding-bottom: 0px !important; height: 45px; text-align:middle;}
#content .blog .page-header h2{font-size: 17px; font-weight: bold; border-bottom: 0px !important;}
#content .blog h2:first-child{text-align: center; font-weight: bold; font-size: 130%; font-family:arial; padding-bottom: 10px; border-bottom: 1px solid #333333;}
#content .blog .item-image {width: 100%;}
#content .blog .item-image img{width: 100%; min-height: 200px; max-height: 200px; margin-bottom: 10px;}
#content .blog .readmore{display: inline-block; padding: 10px;}
#content .blog .btn {display: none;}
#content .blog p {color: #333333; font-size: 15px;}

#content ul li {margin: 0px !important; padding-left: 0px !important; padding-right: 0px !important;}
#content ul li a {margin: 0px !important; padding-left: 0px !important; padding-right: 0px !important;}
#content ul li img {margin: 0px !important; padding-left: 0px !important; padding: 1px !important; border: 0px solid white !important;}
}	
@media (min-width: 481px) {
	
#content {padding: 0; padding-left: 5px; padding-right: 5px;}
#content ul{list-style: none; padding: 0;}
#content ul li{min-width: 50%; max-width: 50%; min-height: 200px; max-height: 200px; overflow: hidden; float: left; padding: 5px; margin-bottom: 15px;}
#content ul li img{width: 100%; max-height: 200px;}
#content ul li h3{font-size: 17px; font-weight: bold; padding-bottom: 5px; margin-top: 0; margin-bottom: 0;}
#content ul li a{color: black;}
#content ul li a:hover{color: red; text-decoration: none;}
#content ul li p{font-weight: bold; font-size: 15px; font-family: arial; color: #4e4e4e;}
	
	
#content .tag-category ul li h3{height: 36px;}
#content .tag-category ul li{min-width: 50%; max-width: 50%; min-height: 340px; max-height: 340px; overflow: hidden; float: left; padding: 5px; margin-bottom: 15px;}
#content .tag-category ul li img{width: 100%; min-height: 200px; max-height: 200px;}
#content .tag-category ul li h3{font-size: 17px; font-weight: bold; padding-bottom: 5px; margin-top: 0; margin-bottom: 0;}
#content .tag-category ul li a{color: black;}
#content .tag-category ul li a:hover{color: red; text-decoration: none;}

#content .blog > div{min-width: 50%; max-width: 33%; min-height: 340px; max-height: 340px; overflow: hidden; float: left; padding: 5px; margin-bottom: 15px;}
#content .blog .page-header {margin-bottom: 10px; text-align:center; padding-bottom: 0px !important; height: 45px; text-align:middle;}
#content .blog .page-header h2{font-size: 17px; font-weight: bold;}
#content .blog h2:first-child{text-align:center; font-weight: bold; font-size: 140%; font-family:arial; padding-bottom: 10px; border-bottom: 1px solid #333333;}
#content .blog .page-header h2{font-size: 17px; font-weight: bold; border-bottom: 0px !important;}
#content .blog .item-image {width: 100%;}
#content .blog .item-image img{width: 100%; min-height: 200px; max-height: 200px; margin-bottom: 10px;}
#content .blog .readmore{display: inline-block; padding: 10px;}
#content .blog .btn {display: none;}
#content .blog p {color: #333333; font-size: 15px;}

#content ul li {margin: 0px !important; padding-left: 0px !important; padding-right: 0px !important;}
#content ul li a {margin: 0px !important; padding-left: 0px !important; padding-right: 0px !important;}
#content ul li img {margin: 0px !important; padding-left: 0px !important; padding: 1px !important; border: 0px !important;}
}	
@media (min-width: 768px) {
#content {padding: 0; padding-left: 5px; padding-right: 5px;}
#content ul{list-style: none; padding: 0;}
#content ul li{min-width: 33%; max-width: 33%; min-height: 200px; max-height: 200px; overflow: hidden; float: left; padding: 5px; margin-bottom: 15px;}
#content ul li img{width: 100%; max-height: 200px;}
#content ul li h3{font-size: 17px; font-weight: bold; padding-bottom: 5px; margin-top: 0; margin-bottom: 0;}
#content ul li a{color: black;}
#content ul li a:hover{color: red; text-decoration: none;}
#content ul li p{font-weight: bold; font-size: 15px; font-family: arial; color: #4e4e4e;}

#content .tag-category ul li h3{height: 36px;}
#content .tag-category ul li{min-width: 33%; max-width: 33%; min-height: 340px; max-height: 340px; overflow: hidden; float: left; padding: 5px; margin-bottom: 15px;}
#content .tag-category ul li img{width: 100%; min-height: 200px; max-height: 200px;}
#content .tag-category ul li h3{font-size: 17px; font-weight: bold; padding-bottom: 5px; margin-top: 0; margin-bottom: 0;}
#content .tag-category ul li a{color: black;}
#content .tag-category ul li a:hover{color: red; text-decoration: none;}

#content .blog > div{min-width: 33%; max-width: 33%; min-height: 340px; max-height: 340px; overflow: hidden; float: left; padding: 5px; margin-bottom: 15px;}
#content .blog .page-header {margin-bottom: 10px; text-align:center; padding-bottom: 0px !important; height: 45px; text-align:middle;}
#content .blog .page-header h1{width: 100%; font-size: 17px; font-weight: bold;}
#content .blog h2:first-child{text-align:center; font-weight: bold; font-size: 150%; font-family:arial; padding-bottom: 10px; border-bottom: 1px solid #333333;}
#content .blog .page-header h2{font-size: 17px; font-weight: bold; border-bottom: 0px !important;}
#content .blog .item-image {width: 100%;}
#content .blog .item-image img{width: 100%; min-height: 200px; max-height: 200px; margin-bottom: 10px;}
#content .blog .readmore{display: inline-block; padding: 10px;}
#content .blog .btn {display: none;}
#content .blog p {color: #333333; font-size: 15px;}

#content ul li {margin: 0px !important; padding-left: 0px !important; padding-right: 0px !important;}
#content ul li a {margin: 0px !important; padding-left: 0px !important; padding-right: 0px !important;}
#content ul li img {margin: 0px !important; padding-left: 0px !important; padding: 0px !important; border: 0px !important;}
 
}
@media (min-width: 992px) {
 
}
@media (min-width: 1200px) {
 
}