/*------------------------------------------------------------------------------
/*                                 HTML,BODY,DIVBODY     
/*------------------------------------------------------------------------------ */

statuspanel { display:none!important; }

html { overflow-x:hidden; }

body {
   background-color:#808080;
   color:orange;
   min-width:480 px;
}

.panelcolor {
  border:solid 2px white;
  background-color:#444444;
}

.panelcolor2 {
  color:#F0EA79;
  border:solid 2px black;
  background-color:#4B7244;
  border-radius:5px;
  margin-left:50px;
}

#pLogin {
   font-size:24px;
   font-weight:bold;
   color:orange;
}

#divPassword {
   padding-top:70px;
}

#txtUsuario,#txtPassword {
   font-size:22px;
   width:98.5%;
}

#frmLogin label {
   margin-bottom:-5px;
   font-size:16px;
}

input[type=radio] {
   margin-left:30px;
   margin-right:5px;
}

#btnOK {
   width:200px;
   height:38px;
   margin-bottom:-20px;
   font-size:18px;
}

/*------------------------------------------------------------------------------
/*                               HEADER
/*------------------------------------------------------------------------------ */

header {
   background-color:#FFFFFF;
   margin-bottom:3px;
}

#divCabecera {
   margin-top:10px;
}

#ilogo {
  height:200px;
  margin-top:0px;
  margin-bottom:10px;
  margin-left:-10px;
}

#logoText {
   background-color:white;
   color:green;
   margin-top: 12px;
}


#divMision {
   margin-top:5px;
   margin-bottom:-15px;
   margin-right:20px;
}

#divMision a{
   //text-decoration:none;
   font-size:18px;
   color:black;
}

.imgRS {
   width:110px;
   margin-top:6px;
   margin-right:5px;
}

h1 {
   font-size:42px;
   font-family:Bookman;
   text-align:center;
}

.pHeader {
   color:brown;
   font-size:32px;
   font-family:Arial;
   font-weight:bold;
   margin-top:-10px;
   margin-bottom:34px;
   text-align:center;
}

.pHeader2 {
   color:black;
   font-size:22px;
   font-family:Arial;
   margin-top:-10px;
   text-align:center;
}

#divMisionVision {
   margin-bottom:20px;
}

#divMisionVision .span10 {
   background-color:darkslategrey;
   border-radius:7px;
}

#pMision {
   font-size:32px;
   margin-top:10px;
   margin-bottom:-5px;
}

#pTextoMision {
   font-size:26px;
   color:white;
   line-height:120%;
}

#btnCerrarMision {
   font-size:18px;
   margin-top:-10px; 
   width:20%;
}


/*------------------------------------------------------------------------------
/*                                   NAV
/*------------------------------------------------------------------------------ */

/* navmenu se ajusta en "navresponsive" */


/*------------------------------------------------------------------------------
/*                               UBICACION
/*------------------------------------------------------------------------------ */

#direccion {
   background-color:#444444;
   border:solid white 2px;
   color:white;
}

#divTextUbicacion {
  text-align:center;
  font-size:34px;
}

#pControl {
   font-size:48px;
   font-weight:bold;
   color:yellow;
   margin-top:10px;
   margin-bottom:35px;
   line-height:90%;
}

#pGabriel {
   font-size:36px;
   color:orange;
   margin-bottom:40px;
   line-height:90%;
}

.pp {
   color:white;
   margin-bottom:20px;
}

#mifoto {
   border:solid orange 2px;
   margin-top:50px; 
   margin-left:-10px;
   width:23%;
   background-color: silver;
}

#map {
  border:solid orange 5px;
  margin-top:5px;
  height:500px;
  color:black;
  font-weight:bold;
}

/*------------------------------------------------------------------------------
/*                              CONTACTANOS
/*------------------------------------------------------------------------------ */

#sectContactanos {
   margin-bottom:10px;
   background-color: #444444;
}

#divContactanos {
  background-color:#444C4A;
  color:white;
  font-size:18px;
  padding:20px 20px 0px 20px;
  margin-top:5px;
  border:solid 2px gray;	
}

#divInteresados {
  background-color:black; 
  border:solid 2px gray;
  border-radius:5px;
  margin-bottom:10px;
}

select {
  background: #EEE;
  border-radius:0.25em;
  color:black;
  font-size:1em;
  padding:0.25em;	
  width:23%;
}

#pInteresados {
  font-size:26px;
  font-weight:bold;
  font-family:bookman;
  line-height:110%;
  color:darkorange;
}

#fileuploader {
   float:left;
}

#enviarFormulario {
   float:right;
   margin-top:45px;
}

#btnEnviar {
   width:280px;
   float:right;
}

.counter {
   margin-right:10px;
   font-size:20px;
   font-weight:bold;
   color:#FED;
   float:right;
}

.warning {
   color:yellow;
}	

.exceeded {
   color:red;
}	

textarea {
   background:#EEE;
   color:black;
   font-size:1em;
   height:168px;
   width:98%;
}


input[type="date"], input[type="email"], input[type="number"], input[type="text"] {
  background: #EEE;
  border-radius:0.25em;
  color:black;
  font-size:1em;
  padding:0.25em;
}

input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="text"]:focus {
   background:white;
}

#btnEnviar {
  background:#015151;
  border-radius:0.25em;
  color:white;
  font-size:1.25em;
  padding: 0.35em;
  width:225px;
}

#btnEnviar:hover {
  background:black;
  border-radius:0 0.25em;
  color:yellow;
  cursor:pointer;
}


/*------------------------------------------------------------------------------
/*                               FOOTER
/*------------------------------------------------------------------------------ */

footer {
   background-color:white;
   min-height:180px;
}

#logogray {
  width:150px;
  height:120px;
  margin-top:40px;
  margin-bottom:40px;
  margin-right:10px;
  border:solid 1px navy;
}

#pfooter {
  font-size:11px;  
  font-weight:bold;
  width:220px;
  margin-top:105px;
  color:brown;   
  float:left;
}

#divAM {
   //border:solid 3px red;
   border-radius:12px;
   margin-top:20px;
}

#pback {
  font:bold 48px Tahoma;
  margin:20px 0px 20px 15px;
  color:darkgreen;
  text-shadow:silver 10px 3px 5px;  /* color derecha abajo difuminado */
}   

#pultact {
   color:darkslategrey;
   font-size:16px;
   font-weight:bold;
}

#pcwm {
   color:black;
   font-weight:bold;
   font-size:14px;
}

#scwm {
   color:orange
}
/* **************************************************************** */

#spNombre {
   margin-left:1.8%;
}

#nombre {
   margin-right:12%;
}

#telefono {
   margin-right:13.3%;
}

#spCiudad {
   margin-left:2.5%;
}

#ciudad {
   margin-right:10.5%;
}

/* **************************************************************** */

@media (min-width: 1200px) {
  input{width:35%;margin-top:0.25em;}
}

@media (max-width: 1200px) {
  #logoText{margin-bottom:20px;}
  #divTextUbicacion{font-size:28px;}
  #mifoto{width:22%;}
  input{width:35%;margin-top:0.25em;}
  #spNombre{margin-left:2.0%;}
  #spCiudad{margin-left:3.2%;}
  #nombre{margin-right:7.5%;}
  #telefono{margin-right:8.9%;}
  #ciudad{margin-right:5.1%;}
  select{width:27%;}
  #divIntro{margin-right:2%}
}

@media (max-width: 979px) {
  #logoText{margin-top:20px}
  #divTextUbicacion{font-size:22px;}
  .pp{margin-bottom:7px;}
  #mifoto{width:22%;}
  form{font-size:17px;}
  input{width:32%;}
  #spNombre{margin-left:2.6%;}
  #spCiudad{margin-left:4.0%;}
  #nombre{margin-right:8.7%;}
  #telefono{margin-right:10.4%;}
  #ciudad{margin-right:5.8%;}
  select{width:33.5%;}
  #pfooter{margin-top:20px;}
  #divIntro{margin-right:1%;width:95%}
  #pIntro{font-size:20px}
  #divFace{width:10.8%;margin-left:40%}
}

@media (max-width: 767px) {
  body {padding:0px;margin:0px;}
  #logoText{width:98%;margin-left:5px}
  #navmenu ul{padding:0;margin:0;}
  #navmenu{position:absolute;top:0;}
  header{margin-top:40px;padding-bottom:20px;}
  #mainContainer{padding-left:10px;padding-right:10px;}
  #carrusel{margin-right:10px;margin-top:20px;}
  #noticesection{margin-top:30px;margin-bottom:-5px;}  
  #divTextUbicacion{font-size:26px;}
  .pp{margin-bottom:12px;}
  #mifoto{width:31%;margin-left:35%;}
  input{width:96%;margin-top:0px;}
  select{width:98%;margin-top:0px;}
  textarea{width:96%;margin-left:0px;}     
  #spNombre,#spCiudad{margin:0;} 
  #pfooter{margin-top:85px;}
  #divMainIntro{margin-top:15px}
  #divIntro{margin-right:1%;width:95%}
  #pIntro{font-size:24px}
  #divFace{width:76px;margin-top:10px;margin-left:40%}  
}

@media(max-width: 620px) {
  .media-body h4,.pnot1{text-align:center;}
  .pnot2{padding-left:5px;}      
  #divClientes li{width:45%;margin-left:5px;}
  .media img{width:100%;}
  .stt{display:inline;text-align:center;}
  .media>a{margin-bottom:20px;margin-left:5px;}
  .media img{width:200px}
  #divTextUbicacion{font-size:22px}
  #mifoto{width:40%;}
  #pIntro{font-size:20px}
  #pInteresados{font-size:20px}
  #divFace{width:76px;margin-top:12px;margin-left:36%}
}

@media (max-width: 450px) {
  #divClientes li{width:70%;padding-right:0px;margin-left:5px;} 
  .media>a{margin-bottom:20px;}
  .pp{font-size:18px}
  #pIntro{font-size:18px}
  #divFace{width:76px;margin-top:12px;margin-left:32%}  
}