/* ==== Google font ====
@import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700'); */

/* === prettify === */
@import url('../js/google-code-prettify/prettify.css');
/* === fontawesome === 
@import url('font-awesome.css');*/
/* === custom icon === 
@import url('custom-fonts.css');*/
/* ==== overwrite bootstrap standard ==== */
@import url('overwrite.css');
/*@import url('animate.css');*/

/* ===================================
1. General
==================================== */

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:300;
	line-height:1.3em;
	color:#656565;
	background: #0384ea ;/*url(../img/bodybg.jpg) repeat-x bottom center;*/
overflow-x: hidden;}


a:active {
	outline:0;
}

.clear {
	clear:both;
}

h1,h2, h3, h4, h5, h6 {
	font-weight:700;
	line-height:1.1em;
	color:#333;
	margin-bottom: 20px;
}

/* ===================================
2. layout
==================================== */

.container {
	padding:0 20px 0 20px;
	position:relative;
}

#wrapper{
	width:100%;
	margin:0;	
	padding:0;
/*	background: #dfe4ea !important;*/
}

/*
footer, #sub-footer {
    background: #fff !important;
}*/

.row,.row-fluid {
	margin-bottom:0px;
}

.row .row,.row-fluid .row-fluid{
	margin-bottom:30px;
}

.row.nomargin,.row-fluid.nomargin {
	margin-bottom:0;
}



/* ===================================
3. Responsive media
==================================== */

.video-container,.map-container,.embed-container 		{ position:relative; margin:0 0 15px 0;	padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:none; }
.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container iframe,
.map-container iframe,
.map-container object,
.map-container embed,
.video-container object,  
.video-container embed 					{ position:absolute; top:0; left:0; width:100%; height:100%; }
iframe {
	border:none;
}

img.img-polaroid {
	margin:0 0 20px 0;
}
.img-box {
	max-width:100%;
}
/* ===================================
4. Header
==================================== */

/* --- header -- */


header .navbar {
    margin-bottom: 0;
	background: #fff;
    min-height: 129px;
	border-radius:0px !important;

}

.navbar-default {
    border: none;
}

.navbar-brand {
    padding: 0 0 0 15px;
}
#info-top{ text-align:center;	margin-top:25px;}
 /*   padding: 0 15px 0 0 ; font-weight: 700;
padding-right:20px;}
	#info-top span{font-size:17px; padding-left:20px;}*/

 

.topfrase{	color:#008fd1; font-size:18px;}
.numerotel{font-size:32px; color:#008fd1;font-weight: 700; }
.weblink a {font-family: Calibri, Arial, sans-serif; font-weight: 500; display:inline-block;
background:#ff9800; padding:8px 10px; color:#FFF;
text-decoration:none; font-style: italic;
font-size:25px;
  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	}
.weblink a:hover{color: #008fd1;}

header .navbar-collapse  ul.navbar-nav {
    float: right;
    margin-right: 0;
}

/*===================================
5. Section: Featured
==================================== */

#featured{
	width: 100%;
	position:relative;
	margin:0;
	padding:0;
	background:url(../img/img-bg.jpg) no-repeat center top;
background-size: cover;
height:509px;
}


.leftcaption{margin-top:40px; color:#006db0; font-family: Calibri, Arial, sans-serif; }
.leftcaption h2{ font-size:50px; color:#006db0; font-family: Calibri, Arial, sans-serif;
text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);}
.leftcaption p{ font-size:18px;}

/* ===================================
6. Sliders
==================================== */
/* --- flexslider --- */

#featured .flexslider {
	padding:0;
	margin:0; 
	/*position: relative; 
	zoom: 1;*/
}


/*.flex-caption { bottom: 38px;  right: 49px !important; position: absolute; z-index:1000;25px 25px 25px 3
background-color: rgba(256, 256, 256, 0.95);  margin: 0;
padding: 20px;
width: 518px; min-height:404px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;}*/ 
	
	.bg-form
	{background-color: rgba(256, 256, 256, 0.95);  margin: 25px 0 0 0;
padding: 10px 20px;
width: 518px; min-height:404px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;}
	
	.bg-form label{color: #888; font-weight:normal;}
	.bg-form h3 {color: #ff6c00;  font-family: Calibri, Arial, sans-serif; font-size:25px; margin-bottom: 8px; text-transform: uppercase;}
	.bg-form p {margin: 0 0 15px;}

/* ============================
11. Forms
============================= */

/* --- contact form  ---- */
form{/* border-top: 1px solid  #c3c3c3;*/
padding-top:14px;}
form#contactform input[type="text"],
form#contactform input[type=email]{
border: 1px solid #c3c3c3 !important; background: none;
  width: 100%;
  min-height: 33px;
  padding:0 8px;
  font-size:13px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}

/*form#contactform input, form#contactform textarea, form#contactform input[type=email] {border: 1px solid #c3c3c3 !important; background: none;}*/
form#contactform textarea {
  width: 100%;
  border: 1px solid #c3c3c3 !important; background: none;
   height: 89px !important;
   padding:8px;
  font-size:13px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}

form#contactform input#submit{
	border: 1px solid #f89b1d;
background: #f89b1d none repeat scroll 0% 0%;
color: #FFF;
outline: 0px none;
border-radius: 5px;
    font-size: 12px;
    text-transform: uppercase;
    text-shadow: none;
    background-image: none;
    box-shadow: none;
/*float: left !important;
display: inline-block;*/
margin-bottom: 0px;
font-weight: 400;
font-size:14px;
text-align: center;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
padding: 6px 12px;
margin: 10px auto 0 auto !important;
width:30%;
line-height: 1.42857;
-moz-user-select: none;
font-family: Calibri, Arial, sans-serif;}

form#contactform input#submit:hover{border: 1px solid #ff6c00;
background: #ff6c00 none repeat scroll 0% 0%;}

form#contactform .validation {
	font-size:11px;color:red;
}

#sendmessage {
	border:1px solid #e6e6e6;
	background:#f6f6f6;
	display:none;
	text-align:center;
	padding:15px 12px 15px 65px;
	margin:10px 0;
	font-weight:600;
	margin-bottom:30px;

}

#sendmessage.show,.show  {
	display:block;
}











/* ===================================
servicios
==================================== */


.servicios
	{background-color:#fff;
	color: #009aed; 
	margin: 0; padding:15px 15px 35px 15px !important;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
	 font-size:18px; 
	font-family: Calibri, Arial, sans-serif;}
	
	
.servicios a:hover{color: #009aed; text-decoration:underline;}
	
	/*label{color: #888; font-weight:normal;}	.servicios p {margin: 0 0 15px;}*/
	.servicios h3 {color: #009aed; font-size:26px; text-align:center; margin-bottom: 8px; text-transform: uppercase;
	font-family: Calibri, Arial, sans-serif;
	margin-bottom:20px;}

.servicios .costo, .servicios .tecno, .servicios .radio, .servicios .flex, 
.servicios .fijomensual, .servicios .dispo, .servicios .proc, .servicios .comun{
	margin-top:15px;
	}

.servicios .costo{background: url(../img/icons01.jpg) no-repeat left -11px; padding-left:95px; height: 70px; padding-top: 18px;}
.servicios .tecno{background: url(../img/icons01.jpg) no-repeat left -114px; padding-left:95px; height: 50px; padding-top: 10px;}
.servicios .radio{background: url(../img/icons01.jpg) no-repeat left -202px; padding-left:95px; height: 70px; padding-top: 18px;}
.servicios .flex{background: url(../img/icons01.jpg) no-repeat left -293px; padding-left:95px; height: 75px; padding-top: 18px;}

.servicios .fijomensual{background: url(../img/icons02.jpg) no-repeat left -16px; padding-left:95px; height: 62px; padding-top: 10px;}
.servicios .dispo{background: url(../img/icons02.jpg) no-repeat left -118px; padding-left:95px; height: 58px; padding-top: 10px;}
.servicios .proc{background: url(../img/icons02.jpg) no-repeat left -210px; padding-left:95px; height: 64px; padding-top: 25px;}
.servicios .comun{background: url(../img/icons02.jpg) no-repeat left -304px; padding-left:95px; height: 64px; padding-top: 10px;}


/* ===================================
7. Section: call action
==================================== */
section.callaction {
	background:#f9f9f9;
	padding:50px 0 0 0;
}



/* ===================================
8. Section: Content
==================================== */

#content {
	position:relative;
	padding: 50px 0 0 0; /*40px 0;*/
	background: url(../img/bodybg.jpg) repeat-x top center;
}


#content .copyright {
	padding: 40px 0 0 0 ;
	text-align:left;
	font-size:12px;
	color:#fff;
}

#content .copyright a{	color:#fff;}
/* --- Call to action --- */

.cta-text {
	text-align: center;
	margin-top:10px;
}


.big-cta .cta {
	margin-top:10px;
}


/* ===================================
9. Section: Bottom
==================================== */

#bottom {
	background:#fcfcfc;
	padding:50px 0 0;
}


/* ===================================
10. Inner - Section: page headline
==================================== */

#inner-headline{
	background:#252525;
	position:relative;
	margin:0;
	padding:0;
	color:#fefefe;
}


#inner-headline .inner-heading h2 {
	color:#fff;
	margin:20px 0 0 0;
}




/* ===============================
13. Elements
================================ */

/* --- blockquote --- */
blockquote {
	font-size:16px;
	font-weight:400;
	font-style:italic;
	padding-left:0;
	color:#a2a2a2;
	line-height:1.6em;
	border:none;
}

blockquote cite 							{ display:block; font-size:12px; color:#666; margin-top:10px; }
blockquote cite:before 					{ content:"\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited 				{ color:#555; }

/* --- pullquotes --- */

.pullquote-left {
	display:block;
	color:#a2a2a2;
	font-size:14px;
	line-height:1.6em;
	padding-left:20px;
}

.pullquote-right {
	display:block;
	color:#a2a2a2;
	font-size:14px;
	line-height:1.6em;
	padding-right:20px;
}


/* --- Heading style --- */

h4.heading {
	font-weight:700;
}

.heading { margin-bottom: 30px; }

.heading {	position: relative;}



/*------------- scroll top ---*/
/* scroll to top */
.scrollup{
    position:fixed;
	width:32px;
	height:32px;
    bottom:0px;
    right:20px;
	background: #222;
	
}

a.scrollup {
	outline:0;
	text-align: center;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
	opacity:1;
	text-decoration:none;
}
a.scrollup i {
	margin-top: 10px;
	color: #fff;
}
a.scrollup i:hover {
	text-decoration:none;
}




/* =============================
18. Position & alignment
============================= */

.absolute{
	position:absolute;
}

.relative{
	position:relative;
}

.aligncenter{
	text-align:center;
}

.aligncenter span{
	margin-left:0;
}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

.floatnone {
	float:none;
}

.aligncenter {
	text-align:center;
}

/* --- Image allignment style --- */

img.pull-left, .align-left{
	float:left;
	margin:0 15px 15px 0;
}

.widget img.pull-left {
	float:left;
	margin:0 15px 15px 0;
}

img.pull-right, .align-right {
	float:right;
	margin:0 0 15px 15px;
}


/* =============================
20. Spacer, margin
============================= */

.clear-marginbot{
	margin-bottom:0;
}

.marginbot10{
	margin-bottom:10px;
}
.marginbot20{
	margin-bottom:20px;
}
.marginbot30{
	margin-bottom:30px;
}
.marginbot40{
	margin-bottom:40px;
}

.clear-margintop{
	margin-top:0;
}

.margintop10{
	margin-top:10px;
}

.margintop20{
	margin-top:20px;
}

.margintop30{
	margin-top:30px;
}

.margintop40{
	margin-top:40px;
}


/* =============================
21. Media queries 
============================= */

@media (min-width: 460px) and (max-width: 1200px) {	.col-lg-3{ width:48%; float:left;}}
	
@media (min-width: 250px) and (max-width: 459px) {	.col-lg-3{ width:100% !important;}}
	
@media (min-width: 250px) and (max-width: 1200px) {
footer .container .banner{display:none;}
.col-lg-3{ width:48%; float:left;}
.col-lg-3 .box{ margin-bottom:15px;}
./*flex-caption{    position: relative;}*/
#info-top {
 display: block;
    margin-top: 90px;
	text-align:center;}
header .navbar {
	    margin-bottom: 20px;
    min-height: 170px;}

/*.flex-caption {
    right: 0 !important;
    width: auto;
    min-height: auto;
	bottom: 0;
	margin-bottom: 25px;
}*/
#content{ padding:20px 0 0 0;}
	
footer {
    padding: 0;
}

#sub-footer{ margin:0;}
}

@media (max-width: 767px) {
  body {
    padding-right: 0;
    padding-left: 0;
  }
	#featured .flexslider .slide-caption {
		width: 90%; 
		padding: 2%; 
		position: absolute; 
		left: 0; 
	}
}

@media (max-width: 480px) {}
@media (max-width: 360px) {}