.bg-rojo-vino
{
	background-color: #651d32!important;
}

.bg-dorado
{
	background-color: #b9975b!important;
}

.bg-gris
{
	background-color: #888B8D!important;
}

nav .navbar-nav li a
{
	font-family: 'Raleway', sans-serif;
	color: #ffffff!important;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover
{
	font-family: 'Raleway', sans-serif;
	color: #b9975b!important;
}

a:link
{
	text-decoration: none;
}

h2
{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	color: #651d32!important;
	text-align:center;
}

h3
{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	color: #651d32!important;
	
}

h5
{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 1rem;
	color: #b9975b!important;
}


.titulo-modal {
	font-family: 'Raleway', sans-serif;
font-size: 16px; /* <-- tamaño de letra más grande */
		font-weight: bold;
  color: #DC2E6A !important;
}


.btn-cobach, .btn-cobach:hover, .btn-cobach:active, .btn-cobach:visited
{
	background-color: #651d32!important;
	font-family: 'Montserrat', sans-serif;
	color: #ffffff!important;
}

.informacion-seccion
{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.85rem;
}

.division-seccion
{
	display: block;
	height: 1px;
    border: 0;
    border-top: 5px solid #b9975b!important;
    margin: 0;
    padding: 0;
}

.iconos
{
	color: #b9975b!important;
}

.tramites-linea
{
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	color: #888B8D!important;
}

.video-responsive 
{
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
	width:100%;
	height:100%;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pie-pagina
{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.75rem;
	color: #ffffff!important;
}

.derechos-reservados
{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.75rem;
	color: #b9975b!important;
}


.fecha
{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	color: #444142!important;
	font-size:18px;;
}


.notas
{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	color: #651d32!important;
}







.container{position:relative;}
.slidetabs{background:#fff;
width:150px;
text-align:center;
padding:.5em 0 0 0;
word-spacing:.75em;
position:absolute;
bottom:0;
left:50%;
z-index:9999;
margin-left:-50px;
border-radius:10px 10px 0 0;}
.slidetabs a{text-decoration:none;
font-size:3em;
color:#ebca33;}
.slidetabs .current{color:#cc7433 ;}



#noticias{background:#fff;
margin-top:1em;
margin-bottom:1em;
border-bottom:#aaa solid 2px;}
#noticias h1{color:#fff;
background:#651d32;}
#noticias h1 a{font-size:small;
font-weight:normal;
font-family:sans-serif;
padding:0 0 0 .5em;
color:#651d32;
text-decoration:none;}
#noticias p{margin:0;
font-size:1.25em;}
#noticias h2{color:#651d32;
font-weight:bold;
font-size:175%;
line-height:.65em;
margin:0 0 .25em 0;}

.panes{width:627px !important;
height:250px;
margin:1em 0;
float:left;}

.tabs{margin:1em 0 0 80%;
padding:5px;
background:#005ec4;
text-align:center;
width:200px;}
.tabs a{list-style-type:none;
display:inline-blocK;
width:45px;
margin:0;
text-decoration:none;}
.tabs a:link{color:#fff;}
.tabs a:visited{color:#fff;}
.tabs a:hover{background:#fff;
color:#000;}
.tabs .current{background:#ccc;
color:#000 !important;}

#noticias .panel{width:627px;
height:269px;
position:absolute;
left:0;}

.noticias{background:#ab8266;}

.newscard{width:90%;
height:265px;
float:left;
overflow:hidden;
margin:0 0 0 1.65em;
padding:0;}
.newscard h2{margin:0 0 0 0;}
.newscard a{text-decoration:none;
font-size:.75em;}
.newscard img{clip-path:border-box;
display:block;
margin:auto;}

#contenido-main .newscard{width:45%;
margin-bottom:1.5em;}
#contenido-main .newscard h2{line-height: .75em;
font-size:2.25em;
margin-bottom:.25em;}
#contenido-main .newscard a{color:#651d32;}
#contenido-main .newscard p{margin-bottom:-.25em;
color:#cc7433;
font-weight:bold;}



 .container .sixteen.columns { width: 940px; }






ul#menu-horizontal li {
float: left;
display: inline;
position: relative;}
ul#menu-horizontal ul {
display: none;
position: relative;
top: 24;
left:0;
margin:0;
padding:0;
background:#FFFFFF;
}

/*ul#menu-horizontal ul li {
display: block !important;
}

ul#menu-horizontal li:hover ul{
display: none;
}

ul#menu-horizontal li:hover ul{
display: block;
}
*/

 #menu {
  width:100%; 
  height:40px;
 background-color: #651d32!important;
}

.nav{
	list-style-type: none;
	/*left:2%;*/
	position: relative;
	 z-index: 999;
	}
	
.nav li{
	position: relative; 
	right: auto;
	}

.nav li a {
	/*line-height:250%;/*con este editas la altura*/
	background-color: #651d32!important;
	color:#FFF;
	text-decoration:none;
	padding: 10px 15px;
	display:block;
	
	}
	
.nav li a:hover {
	background-color: #B28F59!important;
	
	}

.nav > li {

	/*width: 10%;/*con este ajustas el ancho de cada pestaña*/
	float:left;
	}
.nav li ul {
	background-color: #B28F59!important;
	display:none;
	position:absolute;
	list-style:none;
	height: auto;
 	 padding:0px;
  	margin:0px;
	 width:100%;
	 
	}
.nav li:hover > ul{

	display:block;
	 width:100%;
	}
.nav li ul li {
	background-color: #B28F59!important;
	position:relative;
	}

#izquierda{
	float:right;
	padding:10px;

}

#derecha{
	float:left;

padding:10px;	
}


#contenedor {
  
}

#izquierda {
  float: left;
  width: 50%;
}

#derecha {
  float: right;
  width: 50%;
}


.btn-secondary{
	background: #502c1c;
	  float: right;

}
.btn-secondary:hover{
	background: #502c1c;
	  float: right;

}

/* Estilos de menú con Bootstrap */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 13px;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color:#bc955a; /* o tu color deseado */
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25em;
}

.dropdown-menu.show {
  display: block !important;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  right: 100%; /* Cambia de left: 100% a right: 100% */
  left: auto;  /* Para evitar conflicto */
  margin-top: -1px;
}


/* Hover en elementos de menú */
.dropdown-item:hover {
  background-color: #bc955a;
}

/* Estilo general para enlaces del navbar */
nav .navbar-nav li a {
  font-family: 'Raleway', sans-serif;
  color: #ffffff !important;
 /* font-weight: bold;*/
}



/* Para el enlace "Comité" que tiene dropdown-toggle */
.dropdown-submenu > a.dropdown-toggle {
  background-color: transparent; /* o el color que quieras */
  color: #ffffff; /* para que el texto sea blanco */
}

/* Para que no cambie el fondo al hacer hover */
.dropdown-submenu > a.dropdown-toggle:hover, 
.dropdown-submenu > a.dropdown-toggle:focus {
  background-color: transparent; /* o un color personalizado */
  color: #ffffff;
}






img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}

div.aria-links {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
}
div.aria-links a {
	 /*background:rgba(255,255,255,.3);*/
  position:absolute;
  border:0px solid white;
}
div.aria-links a:hover {
  background:rgba(255,255,255,.3);
}
a.link-1 {
    top: 30%;
    left: 12.2%;
    width: 25%;
    height: 35%;
    border-radius:0px;
}
a.link-2 {
    top: 19%;
    left: 37.5%;
    width: 25%;
    height: 57%;
    border-radius: 0px;
    /*transform: skew(2deg, -1deg);*/
}
a.link-3 {
    top: 32%;
    right: 12%;
    width: 25%;
    height: 31%;
    border-radius: 0px;


}













/*
img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}

.modal-lg { 
	max-width: 80% !important; }*/








