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




body {
  font: 14px/20pxpx Arial, Helvetica, sans-serif;
  background-color: #585858;
  color: #A7A7A7; 
 /*
background: url(../images/bg.jpg) center 0 repeat-x #252525;
*/
}
h3 {
  font-size: 24px;
}
h1, h2, h3, h4, h6 {
  line-height: 1.2em;
  color: #c9c9c9;
  font-weight: normal;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}
h5 {font-size: 14px;text-align: justify;word-spacing: 1px;}
h5 {
  line-height: 26px;
  color: #c9c9c9;
  font-weight: bold;
  font-style:normal;
  font-family: 'Oswald', sans-serif;
}
.row {
   margin: 0px;
}
/*parrafos*/
.pad-2 {
  margin: 2px 0 28px 0;
}
.p2 {
  padding-bottom: 29px;
}
.clr-9 {
  color: #7c7c7c;
}
h6 {
  font-size: 18px;
}
.p1 {
  padding-bottom: 20px;
}
.p2 {
  padding-bottom: 29px;
}
/*listas*/
.p3 {
  padding-bottom: 11px;
}

/*******************************Contacto*/
.p6 {
  padding-bottom: 27px;
}
.clr-9 {
  color: #7c7c7c;
}
figure.box-border {
  display: inline-block;
  padding: 4px 5px 5px 5px;
}


/***************************************************/
ul {
  margin: 0;
  padding: 0;
  list-style-image: none;
}
ul.list-1 li a {
  color: #888888;
}

a {
  text-decoration: none;
  color: #A7A7A7;
}

.navbar-inverse .navbar-nav>li>a:active {
  color: #ef7f1a;
}


/******************/
ul.list-1 li {
  padding: 0px 0 10px 15px;
  font-size: 14px;
  color: #888888;
  line-height: 20px;
  background: url(../images/marker-1.png) 0 6px no-repeat;
}
.grid_8 ol {
  list-style-type: decimal;
  padding: 0 0 0 20px;
}
li {
  display: list-item;
  text-align: -webkit-match-parent;
}

.clr-1 {color:#00b8d0;}
.clr-2 {color:#adc300;}
.clr-3 {color:#ef7f1a;}
.clr-4 {color:#fff; padding: 15px 0 0 0;}
.clr-5 {color:#a7d7e3;}
.clr-6 {color:#d0dca8;}
.clr-7 {color:#f4daa8;}
.clr-8 {color:#eac3a8;}
.clr-9 {color:#7c7c7c; /*505050; 7c7c7c;*/}
.clr-10{color:#ef7f1a;}

.text-1 {font-size:12px; line-height:20px; color:#646464;}
.text-2 {color:#c9c9c9; font-size:12px; font-weight:bold;}
.text-3 {font-size:18px; line-height:22px; color:#c9c9c9; text-transform:uppercase;}

/*barra de navegacion*/

.navbar-collapse.in {
  overflow-y: hidden;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: 15px;
  display: inline-block;
  height: 59px;
  margin-top:0px;
  
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}
/********************/
.navbar-nav > li {
  float: none;
  display: inline-block;
}
/*******************/
.navbar-nav>li>a {
  padding-top: 15px;
  padding-bottom: 15px;
}


ul.nav{text-decoration:none; text-transform:uppercase;
     font-size:12px; text-align:center;}
.navbar-inverse .navbar-nav>li>a:hover {
  color: #ef7f1a;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
  color:  #ef7f1a;
  background-color: #080808;
}
.banderas{padding:50px 0 0 57px;}
a,a:hover{text-decoration:none;color:#A7A7A7;text-align:center}

element.estilo {
  overflow: hidden;
  width: 910px;
  height: 478px;
  background: url(http://www.phosver.com/images/conocimiento.jpg) 0px 0px no-repeat;
}

/*.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  position: relative;
}*/
.item active{width:910px; height:470px; position:relative; z-index:2;}

 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
  /*limpiar entre contenedores*/
.container_clear{height:100px;}
.container_clear1{height:50px;}
/*Contenedor*/
.container_12 .grid_3 {
  width: 220px;
}
/*.container_12 .grid_8 {
  width: 480px;
}
.container_12 .grid_5 {
  width: 380px;
}*/
/*table*/
.table th, .table td {
  border: #3c3c3c 1px solid;
  border-collapse: collapse;
  
}
.table th {
  font-weight: bold;
  color: #c9c9c9;
  font-size: 12px;
  text-align: left;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
 /* padding: 8px;*/
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}


img {
  display:inline;
}

.galeria{list-style: none;}

ul, menu, dir {
  display: block;
  list-style:none;
}


.box-1 {background:url(../images/box-1.gif) 0 0 repeat;margin:4px 5px 5px 5px;}
.box-1-1 {background:url(../images/ProductoInicio.jpg) 0 0 no-repeat; padding:214px 10px 26px 10px;text-align:center;background-position:top;}/*colocar la imagen al centro*/
.btn-1 { color:#a8e0ea; font-size:12px; line-height:15px; font-weight:bold; text-transform:uppercase; background:url(../images/btn-1.jpg) 0 0 repeat; display:inline-block; padding:10px 18px 11px 18px; border-radius:5px; text-decoration:none;}
.btn-1:hover {background:#03c1e2;}

.box-2 {background:url(../images/box-2.gif) 0 0 repeat;margin:4px 5px 5px 5px; }
.box-2-2 {background:url(../images/ServiciosInicio.jpg) 0 0 no-repeat; padding:214px 10px 26px 10px; text-align:center;background-position:top;}
.btn-2 { color:#dde6a8; font-size:12px; line-height:15px; font-weight:bold; text-transform:uppercase; background:url(../images/btn-2.jpg) 0 0 repeat; display:inline-block; padding:10px 18px 11px 18px; border-radius:5px; text-decoration:none;}
.btn-2:hover {background:#b0cd02;}

.box-3 {background:url(../images/box-3.gif) 0 0 repeat;margin:4px 5px 5px 5px; }
.box-3-3 {background:url(../images/box-3-3.jpg) 0 0 no-repeat; padding:214px 10px 26px 10px; text-align:center;}
.box-3-3 {background:url(../images/ClienteInicio.jpg) 0 0 no-repeat; padding:214px 10px 26px 10px; text-align:center;background-position:top;}
.btn-3 { color:#f7e4a8; font-size:12px; line-height:15px; font-weight:bold; text-transform:uppercase; background:url(../images/btn-3.jpg) 0 0 repeat; display:inline-block; padding:10px 18px 11px 18px; border-radius:5px; text-decoration:none;}
.btn-3:hover {background:#ffc00b;}

.box-4 {background:url(../images/box-4.gif) 0 0 repeat;margin:4px 5px 5px 5px; }
.box-4-4 {background:url(../images/box-4-4.jpg) 0 0 no-repeat; padding:214px 10px 26px 10px; text-align:center;}
.box-4-4 {background:url(../images/contactoInicio.jpg) 0 0 no-repeat; padding:214px 10px 26px 10px; text-align:center;background-position:top;}
.btn-4 { color:#f1d0a9; font-size:12px; line-height:15px; font-weight:bold; text-transform:uppercase; background:url(../images/btn-4.jpg) 0 0 repeat; display:inline-block; padding:10px 18px 11px 18px; border-radius:5px; text-decoration:none;}
.btn-4:hover {background:#f18105;}

.box-border {background: #373737;; box-shadow:0 1px 2px #191919; border-radius: 6px; border:#4b4b4b 1px solid;}
figure.box-border {display:inline-block;padding:4px 5px 5px 5px;}
.box-border p {margin:22px 0 13px 0;}

.banner-1 {
  padding: 16px 15px 24px 15px;
  background: #1e1e1e;
  border-bottom: #3b3b3b 1px solid;
  border-radius: 4px;
  margin-top: 26px;
  margin-bottom: 30px;
  text-align: center;
}
.banner-legal {padding:16px 15px 24px 15px; background:#1e1e1e; border-bottom:#3b3b3b 1px solid;border-radius:4px; margin-top:26px; margin-bottom:30px; text-align:justify; }
.container_12 .banner-legal p{padding:10px 0 2px 0;}
.container_12 .banner-legal ul{padding:20px 0 20px 0;}
.container_12 .banner-legal h6{padding:20px 0 2px 0;}
/***********mapa*************/
.map {width:364px; height:270px; display:inline-block; }
.map iframe {width:350px; height:270px;}
dl.adrss {margin:15px 0px 0 0px;}
dl.adrss dt {}
dl.adrss dd {}
dl.adrss dd span { display:block; width:100px; float:left;}
dl.adrss dd a {}
dl.adrss dd a:hover {}

/***********formulario***************/
/*#form { width:540px; }*/

#form input {width:75%;float:left; border:none; border-bottom:#3b3b3b 1px solid; background:#1e1e1e; border-radius:5px;  padding:10px 5px 13px 10px; font-size:14px; line-height:17px; font-family:Arial, Helvetica, sans-serif; color:#105f6b; font-style:italic; margin:0; outline: medium none;}
#form textarea {
	border:none; border-bottom:#3b3b3b 1px solid; background:#1e1e1e; width:530px; border-radius:5px; padding:10px 0px 0px 10px; font-size:14px; line-height:17px; font-family:Arial, Helvetica, sans-serif; color:#105f6b; font-style:italic;
    height: 170px;
    outline: medium none;
    overflow: auto;
	resize:none;
	margin:0px 0 0 0;
	float:left;
	width:75%;
}
#form label {
	position:relative;
	overflow:hidden;
    display: block;
    /*min-height:55px;*/
    width:75%;
}
#form .error, #form .empty {
    color: #FF0000;
    display: none;
    font-size: 10px;
	line-height:14px;
	width:150px;
	float:left;
	margin-top:2px;
}
#form .error-empty {margin: 4px 0 0 5px !important; display:none; float:left;}
#form .success {display:none; padding-bottom:10px;}
#form .btns {
	text-align:right;
	width:75%;
	position:relative;
	overflow:hidden;
	padding:10px 5px 13px 10px;
}

#form .btns a {width:75%;margin: 0px 20px 0px 0px;}

.form-fin 
{
	float:left;
	
	padding: 0 0 0 7px;
}
/******************** Footer ******************/
footer  {margin:0 auto; position:relative; overflow:hidden; padding:34px 0 23px 0px; background:url(../images/line.png) center 0 no-repeat; }
footer p { color:#afafaf; text-align:right; font-size:12px; line-height:15px;}
footer p a {text-decoration:none;color:#afafaf;}
footer p a:visited{text-decoration:none; color:#afafaf; /*:#555555;*/}
footer p a:hover {text-decoration:underline;color:#afafaf;}
/* Actualidad */

.fecha {
display: block;
float: left;

padding-top: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.5em;
padding-left: 0.5em;

margin-top: 0.0em;
margin-right: 1.5em;
margin-bottom: 1.5em;
margin-left: 0.5em;

color: #E9E9E9; /* #666666;*/
background-color:#ef7f1a;

text-align:center;

border: 1px solid #E9E9E9;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}



/*  clientes  */

.enlace 
{
    color:#A7A7A7;text-decoration:none;
}


/****prueba banner******/
.banner{ position:absolute; bottom:0px; left:0; z-index:111;
  max-width: 415px; background:url(../images/banner-bg.png) 0 0 repeat; padding-right:30px; text-align:right;}
.banner>span { font-family: 'Oswald', sans-serif; display:block; font-size:60px; line-height:72px; color:#c9c9c9; letter-spacing:-3px; text-transform:uppercase; text-align:right; padding:15px 0 13px 0;}
.banner>span strong {display:block; margin-top:-12px; font-weight:normal;}

.pagination {position:absolute; bottom:-52px; left:345px; background:url(../images/pags.gif) 0 11px repeat-x; width:250px; height:31px; z-index:111; display:block;}
.pagination li {float:left; z-index:999; position:relative; display:inline-block; width:30px; height:31px; margin-left:80px;}
.pagination li:first-child {margin-left:0px;}
.pagination li a {display:inline-block; width:30px; height:31px;}
.pagination li a.pags-1 {background:url(../images/pags-1.png) 0 0 no-repeat;}
.pagination li a.pags-2 {background:url(../images/pags-2.png) 0 0 no-repeat;}
.pagination li a.pags-3 {background:url(../images/pags-3.png) 0 0 no-repeat;}
.pagination li:hover a, .pagination li.current a{ background-position:0 bottom;}



/**********banner***********/
@media(max-width:1000px){
   .banner>span { font-family: 'Oswald', sans-serif; display:block; font-size:50px; line-height:66px; color:#c9c9c9; letter-spacing:-3px; text-transform:uppercase; text-align:right; padding:15px 0 13px 0;}
}
@media(max-width:800px){
   .banner>span { font-family: 'Oswald', sans-serif; display:block; font-size:45px; line-height:60px; color:#c9c9c9; letter-spacing:-3px; text-transform:uppercase; text-align:right; padding:15px 0 13px 0;}
   
}
@media(max-width:600px){
   .banner>span { font-family: 'Oswald', sans-serif; display:block; font-size:35px; line-height:55px; color:#c9c9c9; letter-spacing:-3px; text-transform:uppercase; text-align:right; padding:15px 0 13px 0;}
}
@media(max-width:500px){
   .banner>span { font-family: 'Oswald', sans-serif; display:block; font-size:25px; line-height:40px; color:#c9c9c9; letter-spacing:-3px; text-transform:uppercase; text-align:right; padding:15px 0 13px 0;}
}

/***col-12***/
@media (max-width: 1250px){
.col-md-4 {
  width: 100%;
}

}
@media (max-width: 1250px){
.col-md-8 {
  width: 100%;
}

}
@media (max-width: 1300px){
.col-md-12 {
  width: 95%;
}



}
@media (max-width: 1200px){
.col-md-12 {
  width: 95%;
}
.alto {height:494px;}
}

/****** Idioma y redes sociales ******/

    
@media (max-width: 400px) 
{
    /* Todo en una linea */
  .banderas
  {
      padding:50px 0 0 57px;
      display:none;
  }
  
    /* En dos lineas */
  .banderas2
  {
      padding:50px 0 0 57px;
     /* display:visible;*/
  }
}


@media (min-width: 400px)
{
    /* Todo en una linea */
.banderas
  {
      padding:50px 0 0 57px;
      /*visibility:visible;*/
  }
  
    /* En dos lineas */
  .banderas2
  {
      padding:50px 0 0 57px;
      display:none;
  }

}

/*Map*/

.maps {
   position: relative;
   padding-bottom: 56.25%;
   overflow: hidden;
}
.maps iframe
 {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}