@import url(bootstrap.css);

@import url(flaticon.css);

@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700);

@font-face {

    font-family: 'bebas_neue_regularregular';

    src: url('../fonts/bebasneue_regular-webfont.eot');

    src: url('../fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'),

         url('../fonts/bebasneue_regular-webfont.woff') format('woff'),

         url('../fonts/bebasneue_regular-webfont.ttf') format('truetype'),

         url('../fonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'bebas_neuebold';

    src: url('../fonts/bebasneue_bold-webfont.eot');

    src: url('../fonts/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'),

         url('../fonts/bebasneue_bold-webfont.woff') format('woff'),

         url('../fonts/bebasneue_bold-webfont.ttf') format('truetype'),

         url('../fonts/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');

    font-weight: normal;

    font-style: normal;



}

/*

font-family: 'Roboto', sans-serif;

*/

.dropdown-submenu {

    position: relative;

}



.dropdown-submenu>.dropdown-menu {

    top: 0;

    left: 100%;

    margin-top: -6px;

    margin-left: -1px;

    -webkit-border-radius: 0 6px 6px 6px;

    -moz-border-radius: 0 6px 6px;

    border-radius: 0 6px 6px 6px;

}



.dropdown-submenu:hover>.dropdown-menu {

    display: block;

}



.dropdown-submenu>a:after {

    display: block;

    content: " ";

    float: right;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

    border-width: 5px 0 5px 5px;

    border-left-color: #ccc;

    margin-top: 5px;

    margin-right: -10px;

}



.dropdown-submenu:hover>a:after {

    border-left-color: #fff;

}



.dropdown-submenu.pull-left {

    float: none;

}



.dropdown-submenu.pull-left>.dropdown-menu {

    left: -100%;

    margin-left: 10px;

    -webkit-border-radius: 6px 0 6px 6px;

    -moz-border-radius: 6px 0 6px 6px;

    border-radius: 6px 0 6px 6px;

}

.clr {

	clear:both;

}

* img {

	max-width:100%;

}

* h1,

* h2,

* h3,

:before {

	font-family: 'bebas_neuebold';

}

* li,

* p {

	font-family: 'Roboto', sans-serif;

	font-weight:400;

	font-size:14px;

}



.logo img {

	display:block;

	margin:20px auto;

}

.navbar {

	margin:20px 0 0 !important;

}

.navbar-default {

	background:0 !important;

	border:0 !important;

}

.nav > li > a {

	padding:10px 8px !important;

}

/* About */

.about {

	margin-top:130px;

}

.about img + p strong,

.about img + p span {

	font-size:24px;

	font-weight:600;

	letter-spacing:1px;

	font-family: 'bebas_neuebold';

}

.about img + p span {

	color:#4a9aca;

}

.about h3 {

}

/* Products */

#products {

	margin-bottom:30px;

}

#products .product:nth-child(1),

#products .product:nth-child(2),

#products .product:nth-child(3) {

	min-height:400px;

	margin-top:130px;

}

#products .row .product:nth-child(1) h2:after, 

#products .row .product:nth-child(2) h2:after,

#products .row .product:nth-child(3) h2:after,

#products .row .product:nth-child(4) h2:after,

#products .row .product:nth-child(5) h2:after,

#products .row .product:nth-child(6) h2:after {

	font-family: "Flaticon";

	font-size:38px;

	display:block;

	margin:15px auto;

	text-align:center;

	background:#0099CC;

	padding:15px;

	border-radius:100%;

	width:80px;

	height:80px;

	line-height:60px;

	color:#fff;

}

#products .row .product:nth-child(1) h2:after {

	content: "\e010";

}

#products .row .product:nth-child(2) h2:after {

	content: "\e014";

	font-size:42px;

	line-height:50px;

}

#products .row .product:nth-child(3) h2:after {

	content: "\e008";

}

#products .row .product:nth-child(4) h2:after {

	content: "\e013";

	line-height:55px;

}

#products .row .product:nth-child(5) h2:after {

	content: "\e003";

	line-height:50px;

}

#products .row .product:nth-child(6) h2:after {

	content: "\e00a";

	line-height:50px;

}

.product h2 {

	text-align:center;

}

.product h3 {

	font-size:18px;

}

.id-2 hr {

	margin-bottom:60px;

}

.id-.cat- .product ul,

.item-page ul {

	padding:0;

	list-style:none;

}

.id-.cat- .product li,

.item-page li {

	line-height:25px;

}

.id-.cat- .product li:before,

.item-page li:before {

	font-family: "Flaticon";

	font-size:12px;

	content: "\e014";

	padding-right:10px;

	color:#0099CC;

}

.product ul li h3 {

	display:inline-block;

}

/* Content */

.cat-2 .item-page {

	margin-top:150px;

	padding:0 15px;

}

.id-.cat- #content h2 {

	clear:left;

}

.id-4 h3 span {

	background:#4a9aca;

	width:50px;

	height:50px;

	margin-right:10px;

	display:inline-block;

	border-radius:100%;

	color:#fff;

	line-height:50px;

	text-align:center;

}

.id-.cat- #products:before,

.id-1.cat-2 #products:before,

.id-2.cat-2 #products:before,

.id-3.cat-2 #products:before,

.id-4.cat-2 #products:before,

.id-5.cat-2 #products:before,

.id-.cat- #content:before {

	display:block;

	position:absolute;

	padding:30px 0;

	text-align:center;

	width:100%;

	background:#4a9aca;

	left:0;

	right:0;

	color:#fff;

	font-size:42px;

	font-weight:600;

}

.id-.cat- #products .row:before,

.id-1.cat-2 #products .row:before,

.id-2.cat-2 #products .row:before,

.id-3.cat-2 #products .row:before,

.id-4.cat-2 #products .row:before,

.id-5.cat-2 #products .row:before,

.id-.cat- #content .row:before {

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 25px 25px 0 25px;

	border-color: #4a9aca transparent transparent transparent;

	content:"";

	position:relative;

	top:110px;

	display:block;

	margin:0 auto;

}

.id-.cat- #content:before  {

	background:#8a8b8c !important;

}

.id-.cat- #content .row:before {

	border-color: #8a8b8c transparent transparent transparent !important;

}



.id-.cat- #content:before {

	content:"Nosotros";

}

.id-.cat- #products:before,

.id-2.cat-2 #products:before {

	content:"Productos";

}

.id-1.cat-2 #products:before {

	content:"Acerca de";

}

.id-3.cat-2 #products:before {

	content:"División de agua";

}

.id-4.cat-2 #products:before {

	content:"Cobertura y contacto";

}

.id-5.cat-2 #products:before {

	content:"Mantenimiento y construcción";

}



.id-.cat- #content ul {

	margin:0;

	padding:0;

}

.id-.cat- #content ul li {

	width:45%;

	float:left;

	display:inline-block;

	padding-left:5%;

}

#products {

	margin-bottom:30px;

}

/* Footer */

footer {

	background:#181818;

	border-top:5px solid #333;

	padding-bottom:20px;

	margin-top:20px;

	color:#7c868d;

}

footer li,

footer p {

	font-family: 'Open Sans', sans-serif;

	font-weight:400;

}

footer h2 {

	color:#fff;

	font-family: 'PT Sans Narrow', sans-serif;

	font-weight:400;

}

footer ul {

	padding:0;

	list-style:none;

}

footer ul li {

	line-height:30px;

	border-bottom:1px dashed rgba(255,255,255,0.08);

}

footer ul li ul {

	margin-top:20px;

}

footer ul li ul li {

	display:inline-block;

	margin-right:15px;

}

footer li h3 {

	color:#fff;

	font-family: 'PT Sans Narrow', sans-serif;

	font-weight:400;

	font-weight:18px;

}

footer li a {

	color:#7c868d !important;

		transition:ease-in 0.5s;

		-moz-transition:ease-in 0.5s;

		-webkit-transition:ease-in 0.5s;

}

footer li a:hover {

	color:#fff !important;

	text-decoration:none;

}

/* Address */

.address li:nth-child(1),

.address li:nth-child(2),

.address li:nth-child(3) {

}

.address li {

	border-bottom:0 !important;

}

/* Formulario Footer */

input,

textarea {

	display:block;

	height:30px;

	outline:none;

	border:1px solid transparent;

	width:100%;

	padding-left:5px;

	margin-bottom:10px;

	background:#333;

}

textarea {

	height:100px !important;

	resize:none;

}

/* Map */

iframe {

	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

    filter: gray; /* IE6-9 */

    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

		transition:ease-in 0.5s;

		-moz-transition:ease-in 0.5s;

		-webkit-transition:ease-in 0.5s;

}

iframe:hover {

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

    -webkit-filter: grayscale(0%);

}

/* Small devices (smartphone, 320px and up) */

@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 480px) {

	.id-.cat- #content ul li {

		width:100%;

		padding-left:0;

	}

	.navbar-nav {

		float:left !important;

	}

}

/* Medium devices (desktops, 992px and up) */

@media screen and (min-width: 768px) {

	.id-.cat- #content img {

		max-width:40%;

		float:left;

		margin:0 20px 20px 0;

	}

	.navbar-nav {

		float:right !important;

	}

	.navbar-collapse {

		padding:0 !important;

	}

}