﻿/*Cuerpo*/
body{
    background-image: url("../Imagenes/fondo.png");
    background-size: cover;
    font-family: 'Verdana';
}

.MainContent{    
    background-color: #FFF;               
}
/*//////////////////////////////////////////////////////////////*/

/*Encabezado*/
.col-elem{    
    display: inline-block;
	width:235px;
	text-align:right;
	font-family: 'Verdana';
	font-size:12px;
	line-height:21px;
	color:#454545;
	text-transform:uppercase;
	text-shadow:1px 1px #fbfbfb;
}

.phone{
    display:inline-block;
	font-size:18px;
	line-height:22px;
	color:#0070BF;
	margin:-3px 0 0 0;
	font-family: 'Verdana';
}

.text-info{
        color:#FFF;
}
/*/////////////////////////////////////////////////////////*/

/*Menu Principal*/
.MenuText{        
    color:#fbfbfb;    
}

.menuStyle{
    background-color: #004373;   
    border-radius: 5px;
    margin: 5px;
    text-align: center;
    font-family: 'Verdana';
}
.nav > li > a:hover,
.nav > li > a:focus {  
  color: #fff;
  background-color: #898C8C;  
}

.dropdown-menu{
    background-color: #004373;
}

.dropdown-menu > li > a > span{    
    color:#fbfbfb;
    text-align: left;
}

.dropdown-menu > li > a:hover {
  color:#fbfbfb;
  text-decoration: none;  
  background-color:#898C8C;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    /*background-color: #c21414;*/
    background-color:#898C8C;
}
.nav > li > a{
    color: #fff;
}

.navbar-right .dropdown-menu {
    left: 0;
    right: -113px;
    left: auto;
}

.ImgMenu, .TextMenu{
    display: inline-block;
    color: #fff;
}
/*/////////////////////////////////////////////////////////*/

/*Breadcrums*/
.localizacion{
    background-color: transparent;
    font-family: 'Verdana', 'Segoe UI', Tahoma, Geneva, sans-serif;
    color:#454545;
}

.breadcrumb > li + li:before {  
  content: ">";
    
}
.btn-danger{
    background-color: #004373;
}
.btn-danger {
    color: #fff;
    background-color: #004373;
    border-color: #004373;
}

.btn-danger:hover {
    color: #fff;
    background-color: #898C8C;
    border-color: #898C8C;
}
    
/*/////////////////////////////////////////////////////////*/

/*Articulos*/
/*/////////////////////////////////////////////////////////*/
.contenedor-img {
    margin:10px;
    width:300px;
    height: 200px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff;
}
.contenedor-img .mascara {
width: 100%;
height: 200px;
position: absolute;
overflow: hidden;
top: 0;
left: 0
}
.contenedor-img img {
display: block;
position: relative;
width:100%;
height:100%;
}
.contenedor-img h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: rgba(0, 0, 0, 0.9);
margin: 20px 0 0 0
}
.contenedor-img p {
font-size: 12px;
position: relative;
color: #fff;
padding: 10px 20px 10px;
text-align: center
}
.contenedor-img a.link {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #222;
color: #fff;
text-transform: uppercase;
box-shadow: 0 0 1px #000
}
.contenedor-img a.link:hover {
box-shadow: 0 0 5px #000
}
.Text h2{
    text-align: center;
    font-size: 19pt;
    color: #0070BF;
    font-family: 'Verdana', Arial, cursive;
    font-weight: 700;
}

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

/*Pie de Página*/

.piePagina{    
    background-color:#004373;    
}


.footerText{
    text-align:center;
    font-family: 'Verdana', sans-serif, 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS';
    font-size:15px;     
    color: #fff; 
}

.redesSociales{
    border-color:red;
    text-align:center;
    height:80px;
    float:left;
}

.titleFooter{
    font-family: 'Verdana', 'Fira Sans', sans-serif;  
    font-size:large;
    text-align:center;
}
a{
    color: #0070BF;
}
/*/////////////////////////////////////////////////////////*/

/*Slider*/
.carousel.slide img{   
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.carousel.slide img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
}
/*/////////////////////////////////////////////////////////*/

/*Intro*/
.intro{            
    /*border-style:solid;
    border-color:rgba(135, 53, 53, 0.59);*/

}
.intro p{    
    font-family: 'Verdana', 'Fira Sans', sans-serif;
    font-size:14pt;
    color:#454545;    
    text-align:center;
    padding:40px 0px;
       
}
b, strong {
    font-weight: 700;
    font-family: 'Verdana';
}
@media screen and (max-width: 625px) {
    .intro {        
        text-align:justify;
        padding:0px;
        font-family: 'Verdana';
    }
}


.modalText{
    text-align:justify;
    font-family: 'Verdana';

}
/*/////////////////////////////////////////////////////////*/

/*Divisores*/
.titleUs{    
    font-family: 'Verdana', 'Oswald', sans-serif;
    font-size: 16pt;
    text-align:center;
    color:#0070BF;

}

.jumboTitle {  
    margin:10px 10px 30px 10px;
    padding-top:5px;
    padding-bottom:5px;
    border-radius:5px;
    background-color: rgba(90, 150, 202, 0.05);
}

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

/*Clas de Prueba*/

.prueba{
    background-color: silver;
    border-radius: 5px;
    height: 200px;
    width:100%;
    text-align:center;
    margin-bottom: 30px;
    border:red solid 1pt;
}

.prueba1{
    background-color: yellow;
    border-radius: 5px;
    height: 200px;
    width:100%;
    text-align:center;
    margin-bottom: 30px;
    border:black solid 1pt;
}