/*Hoja de estilos CSS página 131*/
/*Creada por Ali Gonzalo Mendoza Ramirez*/
/*Resetear todo*/

* {
  margin:  0;
  padding: 0;
}


::-webkit-scrollbar-button:vertical {
    background-color: red;
    border: 1px solid red;
}

/*fin Resetear todo*/
::-webkit-input-placeholder {
   color: #C0C0C0;
   font-size: 15px;
   margin-left: 0;
}

body{
    font-family:verdana;
}

li{
    text-align: justify;
}

ul{
    list-style: none;
   
    text-align:center;
}

/*Definición de título generales si es que se usa*/
h1,h2,h3,h4 {font-weight:bold; font-family: Helvetica,arial, Georgia, Serif;}

h1 {color: gray;}

h2 {color:#ee221b;margin-bottom:10px;margin-top:10px}

h3 {color: red}

h4 {color: #4b494a;margin-bottom:10px;margin-top:10px}

/*fin Definición de título si es que se usa*/

#contenedor{/*Estructura de la pagina*/
    width:80%;
    margin:0 auto;
    border-left:1px solid gray;
    border-right:1px solid gray;
    -webkit-box-shadow: -10px -2px 19px -8px rgba(77,69,77,1);
    box-shadow: 8px 0 15px -5px rgba(77,69,77,1), -8px 0 8px -5px rgba(77,69,77,1);
}
 

#header {/*Etiquetas para el header*/
    background-color:#4C494A;
    font-family: Helvetica, Arial, Georgia, Serif;
    height:auto;
    padding:20px 20px 5px 20px;
    overflow:hidden;
    border-bottom:2px solid gray;
}

#header div {
    overflow:hidden;
}

#header div a img {/*Logotipo*/
    float:left;
}

#header #olvido{/* mensaje Haz olvidado la contraseña*/
    float:left;
    font-size:12px;
    margin-left:0px;
    margin-top:5px;
    color:#d8d8d8
}
#header #registrarse{ /*Mensaje de registrarse*/
    float:right;
    font-size:12px;
    color:#d8d8d8;
    margin-right:0px;
    margin-top:5px;
    margin-bottom:5px;
}

#header div #AreaPublica{ /*Título Area Publica*/
    text-align:right;
    color:#D7D7D7;
    margin-top:35px;
}


#header #login {/* ----Login----- */
  float:right;
  border:0px solid white;
  height:auto;
  padding:0px;
  overflow: hidden;
}

#header #login ul li { 
    
    display: inline-block;
}
#header #login ul li input[type="text"], #login ul li input[type="password"] {
    margin-right:5px;
	color: #000;
    border:1px solid #eaeeec;
    -webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    height:20px;
 }


#header #login fieldset input[type="checkbox"]{
    -webkit-appearance:checkbox;
}
#header #login ul li input[type="submit"] {
	background:#f44e38;
	color: #fff;
    font-family:"Arial";
    border-radius:3px;
    border:1px solid #f44e38;
    height:auto;
    padding:4px 5px 4px 5px;
 }

#header #login ul li input[type="submit"]:hover {
	background:#d4230c;
    border:1px solid #d4230c;
}/*Fin etiquetas para el login*/

/*Fin Header*/

#menu{	/*Menu*/
    background-color:black;
    width:100%;
    height:60px;
    margin-bottom:0px;
}
.bold {
	font-weight:900;
}
header{/*Esta es una etiqueta*/
    background:#4C494A;
	margin:0;
	padding:0 0 20px;
	position:relative;
	z-index:2000;
 }
header .navigation {
	float:left;
}

header ul.nav li {
	border:none;
	margin:0;
}

header ul.nav li a {/*tamaño de letra del grupoNivel1 y grupoNivel2*/	
	border:none;
    font-size:13px;
    text-align:left;

}
header ul.nav li ul {
	z-index:1000;
	margin-top:20px;
}
header ul.nav li ul li ul {
	margin:1px 0 0 1px;
 
}
header ul.nav li a i {	/*Fechitas de todos los grupos*/
	color:#fff;
}
.container,
.navbar-static-top .container{
  width: 100%;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}

.container:after {
  clear: both;
}

.dropdown {
  position: relative;
}
.nav {
  margin-bottom: 20px;
  margin-left: 0px;
  list-style: none;
}

.nav > li > a {
  display: block;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}


.navbar .nav a:hover {
	background:none;
}

.navbar .nav > .active > a,.navbar .nav > .active > a:hover {
	font-weight:600;
}

.navbar .nav > .active > a:active,.navbar .nav > .active > a:focus {
	background:none;
	outline:0;
	font-weight:600;
}

.navbar .nav li .dropdown-menu {
	z-index:1000;
}
.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.navbar .nav > li {
  float: left;
}
.navbar .nav > li > a {
  float: none;
  padding: 0px 0px 0px 0px;
  color: #777777;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.navbar .nav > li > .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.navbar .nav > li > .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.dropdown-menu {
  *border-right-width: 0;
  *border-bottom-width: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.dropdown-menu .dropdown i {
	position:absolute;
	right:0;
	margin-top:3px;
	padding-left:20px;
}

.dropdown-submenu > .dropdown-menu {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.navbar .nav {
  border-right:none;
  border-left:none;
}

.navbar .nav > li > a {/*Manipular el padding*/
  float: none;
  font-size:13px;
  margin-right:0;
  text-decoration: none;
  text-shadow: none;
  border-right:none;
  border-left:none;
  color: #fff;
  border:2px solid transparent;
  padding:15px 10px 4px 20px;
  background:#4C494A;
}

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {/*hover del group*/
  color: #dddddd;
   background-color: none;
  background-image: none;
  background-repeat: repeat-x;
  filter: none; 
  text-decoration: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;	
  border:2px solid #4C494A;
  padding:15px 10px 4px 20px;
   background: #4C494A;
	-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
			border-radius: 6px;
   -moz-box-shadow:    inset 0 0 1px #555;
   -webkit-box-shadow: inset 0 0 1px #555;
   box-shadow:         inset 0 0 1px #555;		  
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {/*Hover del group*/
  color: #dddddd;
  border:2px solid #4C494A;
  padding:15px 10px 4px 20px;
  background-image: none;
   background: #4C494A;
  filter: none;  
  text-decoration: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
	-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
			border-radius: 6px;
   -moz-box-shadow:    inset 0 0 1px #555;
   -webkit-box-shadow: inset 0 0 1px #555;
   box-shadow:         inset 0 0 1px #555;
}

.navbar .nav  > a i[class^="icon-"]{
	color:#fdfdfd;
}
ul.nav li.dropdown a {
	z-index:1000;
	display:block;
}

ul.nav li.dropdown ul li ul.dropdown-menu {
	margin-left:0px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

ul.nav li.dropdown ul li i {
	margin-right:20px;
}

 select.selectmenu {
	display:none;
}
.dropdown-menu {/*Tamaño del dropdown*/
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 195px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
	background: #343434;
  border: none;
  border: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
border:2px solid #302f2f;
border-top:none;
  -webkit-background-clip: none;
     -moz-background-clip: none;
          background-clip: none;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.dropdown-menu li {
	margin:0;
	padding:0;
}

.dropdown-menu li  a {
  color: #ddd;
  font-size:12px;
  padding:10px 15px 10px 15px;
  margin:0;
  text-shadow:none;
  border-bottom:1px solid #303030;
  text-decoration:none;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a, 
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: none;
  filter:none;
}

.icon-angle-down{
    font-style: normal;
    float:right;
}

.dropdown-menu .sub-menu-level1, .dropdown-menu .sub-menu-level2 {left:100%;position:absolute;top:0;visibility:hidden;margin-top: 0;}
.dropdown-menu li:hover .sub-menu-level1 {visibility:visible;}
.dropdown-menu li li:hover .sub-menu-level2 {visibility:visible;}

.icon-angle-down{
    font-style: normal;
    float:right;
    margin-top:0px;
}/*Fin De Menú*/


/*definicion del contenido */
#contenido{
    width: 100%;
    overflow:hidden;
    background:#DCDCDC;
    padding-bottom:20px;
    
}

#contenido #barra { /*Barra*/
    color:#D9534F;
    float:left;
    font-size:13px;
    width:100%;
    margin:20px 0px 0px 20px;
 }
 
#contenido #barra a{
    text-decoration: none;
    color:black;
}/*fin Barra*/

#contenido #principal{/*Principal*/
   height:auto;
}

/*<------SliderShow------>*/
#wowslider-container1 { /*SliderShow*/
	display: table;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height:360px;
	margin:0px auto 0px;
	z-index:90;
	text-align:left; /* reset align=center */
	font-size: 16px;
	text-shadow: none; /* fix some user styles */

	/* reset box-sizing (to boostrap friendly) */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
}
* html #wowslider-container1{ width:480px }
#wowslider-container1 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	/*font-size:0;*/
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	position: relative;
	left:0;
	top:0;
	height:100%;
	max-height:360px;
	max-width: 100%;
	vertical-align: top;
	border:none;
	overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
	width:100%;
	height:100%;
	max-height:360px;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#wowslider-container1 .ws_images > div > img {
	max-height:360px;
}

#wowslider-container1 .ws_images iframe {
	position: absolute;
	z-index: -1;
}

#wowslider-container1 .ws-title > div {
	display: inline-block !important;
}

#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
	font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container1  .ws_bullets a {
	line-height: 0;
}

#wowslider-container1  .ws_script{
	display:none;
}
#wowslider-container1 sound, 
#wowslider-container1 object{
	position:absolute;
}

/* prevent some of users reset styles */
#wowslider-container1 .ws_effect {
	position: static;
	width: 100%;
	height: 100%;
}

#wowslider-container1 .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
	background: #A6A5A9;
}


#wowslider-container1.ws_gestures {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container1.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* hide controls when video start play */
#wowslider-container1.ws_video_playing .ws_bullets {
	display: none;
}
#wowslider-container1.ws_video_playing:hover .ws_bullets {
	display: block;
}
/* IE fix because it don't show controls on hover if frame visible */
#wowslider-container1.ws_video_playing_ie .ws_bullets,
#wowslider-container1.ws_video_playing_ie a.ws_next,
#wowslider-container1.ws_video_playing_ie a.ws_prev {
	display: block;
}


/* youtube/vimeo buttons */
#wowslider-container1 .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo {
	display: block;
}
#wowslider-container1 .ws_video_btn div {
	position: absolute;
	background-image: url(imagenes/playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}

#wowslider-container1 .ws_playpause.ws_hide {
	display: none !important;
}
#wowslider-container1  .ws_bullets { 
	padding: 5px; 
}
#wowslider-container1 .ws_bullets a { 
	width:40px;
	height:5px;
	background: url(/imagenes/bullet.png) left top;
	float: left; 
	text-indent: -4000px; 
	position:relative;
	margin: 4px 0 0 5px;
	color:transparent;
}
#wowslider-container1 .ws_bullets a:hover, #wowslider-container1 .ws_bullets a.ws_selbull{
	background-position: 0 100%;
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	top:100%;
	margin-top:-1.7em;
	z-index:60;
	width: 1.4em;	
	height: 1.2em;
	background-image: url(/imagenes/arrows.png);
	background-size: 200%;
}
#wowslider-container1 a.ws_next{
	background-position: 100% 0; 
	left:5.0em;
}
#wowslider-container1 a.ws_prev {
	background-position: 0 0; 
	left:1em;
}

/*playpause*/
#wowslider-container1 .ws_playpause {
    width: 1.4em;
    height: 1.2em;
    position: absolute;
    top: 100%;
    left: 3.0em;
    margin-left: 0;
    margin-top: -1.7em;
    z-index: 59;
	background-size: 100%;
}

#wowslider-container1 .ws_pause {
    background-image: url(/imagenes/pause.png);
}

#wowslider-container1 .ws_play {
    background-image: url(/imagenes/play.png);
}/* bottom center */
#wowslider-container1  .ws_bullets {
    bottom: 22px;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}
#wowslider-container1 .ws-title{
	position:absolute;
	display:block;
	font: 2.6em 'Tenor Sans', Arial, Helvetica, sans-serif;
	bottom: 1.5em;
	left: 0.6em;
	margin-right: 0.5em; 
	color:#ffffff;
	z-index: 50;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:-1px;
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
	display:inline-block;
	background:#E14E3D;
    font-size:16px;
    font-family: "Times New Roman", Georgia, Serif;
}
#wowslider-container1 .ws-title div{
	display:block;
	margin-top:0;
	padding:0.6em 0.7em;
	font-size: 1.538em;
	line-height: 1.4em;
	font-weight: normal;
	background:rgba(0,0,0,0.75);
}
#wowslider-container1 .ws-title span{
	padding:0.4em 0.5em; 
}#wowslider-container1 .ws_images > ul{
	animation: wsBasic 27.2s infinite;
	-moz-animation: wsBasic 27.2s infinite;
	-webkit-animation: wsBasic 27.2s infinite;
}
@keyframes wsBasic{0%{left:-0%} 17.65%{left:-0%} 25%{left:-100%} 42.65%{left:-100%} 50%{left:-200%} 67.65%{left:-200%} 75%{left:-300%} 92.65%{left:-300%} }
@-moz-keyframes wsBasic{0%{left:-0%} 17.65%{left:-0%} 25%{left:-100%} 42.65%{left:-100%} 50%{left:-200%} 67.65%{left:-200%} 75%{left:-300%} 92.65%{left:-300%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 17.65%{left:-0%} 25%{left:-100%} 42.65%{left:-100%} 50%{left:-200%} 67.65%{left:-200%} 75%{left:-300%} 92.65%{left:-300%} }

#wowslider-container1 .ws_cover{
	left:0;
	top:0;
	bottom:0;
	right:0;
	border-color: rgba(0, 0, 0, 0.5);
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 22px;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    background: transparent !important;
}
#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:20px;
	left:-32px;
	visibility:hidden;
	position:absolute;
    border: 3px solid #575757;
	max-width:none;
	border-radius:0;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:48px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:64px;
	background-color:#575757;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	bottom:12px; 
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border: 3px solid #575757;
	border-radius:0;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	bottom:-8px;
	margin-left:10px;
	left:32px;
	background:url(/imagenes/triangle.png);
	width:11px;
	height:6px;
}#wowslider-container1 .ws_bulframe div div{
	height: auto;
}

@media all and (max-width:760px) {
	#wowslider-container1 .ws_fullscreen {
		display: block;
	}
}
@media all and (max-width:400px){
	#wowslider-container1 .ws_controls,
	#wowslider-container1 .ws_bullets,
	#wowslider-container1 .ws_thumbs{
		display: none
	}
}/*Fin SliderShow*/

/*Cuerpo Contenido*/
#cuerpocontenido{
    overflow: hidden;
    margin-top:0px;
    margin-bottom:20px;
    height:1%;
    width:95%;
    display:block;  
    font-size:15px;
    line-height:22px;
    text-align:justify; /*Justificacion alineado*/
    margin-left:30px;
    margin-right:10px;
    color:#666666;/*color de letra del párrafo*/
    background:#DCDCDC;
    padding-top:0px;/*No aplico margen*/
    padding-bottom:20px;
}
#cuerpocontenido #avisoProblema{
    margin-bottom:40px;
    margin-top:40px;
}
/*Una seccion: constituido para organizar los bloques independiente*/
 #seccion{
    margin-top:10px;
}
 #seccion p{
    font-family: verdana;
    line-height:20px; /*Estimo que apartir de esta medida a delante se ve bien*/
    padding-bottom: 8px;
    margin-top:5px;
}
/*fin Una seccion: constituido para organizar los bloques independiente*/

/*Sección de responsabilidad social*/
#cuerpocontenido #seccion #seccion-imagen{
   overflow:hidden;
   margin-bottom:15px;
}
#cuerpocontenido #seccion #seccion-imagen img{
    float:left;
    margin-right: 20px;
    padding-top:10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
#cuerpocontenido #seccion #seccion-imagen iframe {
    float:left;
    margin-right: 20px;
    padding-top:10px;
    padding-bottom: 10px;
    padding-left: 150px;
}
#cuerpocontenido #seccion ul{/*listas en el area público*/
   margin-left:10px;
   list-style-type: square;
   list-style-image: url('/imagenes/viñeta');
}
#cuerpocontenido #seccion li{/*listas*/
   margin-left:20px;
   list-style-type: square;
   list-style-image: url('/imagenes/viñeta');
}
#legislacionNormativa{
    list-style-type: square;
    list-style-image: url('/imagenes/viñeta');
}

#cuerpocontenido #seccion #listaMemoria li{
   margin-bottom:10px;
}
#cuerpocontenido #seccion #listaMemoria{
   margin-top:15px;
}/*Fin  la sección responsabilidad social*/

/*Seccion contacto*/
#cuerpocontenido #seccion #listaContacto{
    margin-top:20px;
    margin-bottom:20px;
    width:40%;
    text-align:center;
    padding-left:15%;
}




#cuerpocontenido #seccion #mapa{/*El Mapa de Google de contacto*/
  width:70%; 
  height:400px;
  /*margin-right:60px;*/
}


/*Seccion contacto*/

#extra { /*--- Sección Extra ---publico01.inc*/
    width: 28%;
    float:right;
    display:block;
    float:left;
    -webkit-box-shadow: 0px 100px 11px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 33px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 33px 0px rgba(0,0,0,0.75);
  }
  
#extra #encuestas{
    padding:5px;
    margin:2px;
    margin-bottom:23px;
    font-size:11px;
    border-top:1px solid gray;
}
#extra #encuestas p{
    margin-bottom:2px;
}

#extra #navidad{
    margin:5px;
    padding: 5px;
    border-top:1px solid gray;
    text-align:center;
}  

#extra #navidad h3{
    font-size: 13px;
    text-align:left;
    
}
#extra #navidad img{
    margin:0 auto;
}

#extra #dossier{
    width:100%; 
    height:290px;
}
#extra #enlacesexternos{
    border-top:1px solid gray;
    margin:5px;
    padding: 5px;
}
  
#novedades{  /*Sección de novedades*/
   
    margin:20px 5px 20px 5px;
    font-size:13px;
    border-right:1px solid #D3D3D3;
    border-left:1px solid #D3D3D3;
    border-bottom:5px solid #D3D3D3;
    border-top: 5px solid #B91919;
    overflow:hidden;
    height:350px;
}
#novedades ul li{
   padding:10px 5px 10px 0px;
   text-align: left;

   border-top:1px solid #D3D3D3;
}

#novedades ul > :first-child{
  padding:10px 3px 10px 5px;
  text-align: left; 
  border-top:1px solid #D3D3D3;
    background: rgba(237,237,237,1);
    background: -moz-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(240,240,240,1) 23%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237,237,237,1)), color-stop(23%, rgba(240,240,240,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(240,240,240,1) 23%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(240,240,240,1) 23%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(240,240,240,1) 23%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(237,237,237,1) 0%, rgba(240,240,240,1) 23%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=1 );
}

#novedades ul li span{
    color:#FF5252;
    margin-top:20px;
    background:#FFF1F1;
}

#novedades #scrolling li a{
    text-decoration:none;
    color:black;
       
}/*Sección de novedades*/

/*Fin seccion EXTRA*/


/*Sesion bienvenido usuario en Area Privada*/
#header #sesion {
    float:right;
    color:gray;
}

#header #sesion fieldset{

    padding:8px 5px 8px 5px;
    width:auto;
    
}
#header #sesion fieldset h6{
 color:#d7d7d7;
 }
 /*fin Sesion bienvenido usuario en Area Privada----------*/



#cuerpocontenido #seccion #listaMapaWeb{ /*Mapa web AreaPrivada*/
   
   margin:auto;
   width:60%;
}


#cuerpocontenido #seccion #listaMapaWeb li{
    margin-bottom:5px;
}/*Fin mapa web AreaPrivada*/

#cuerpocontenido #titulo{
    margin-bottom:10px;
    text-align:left;
    font-family:helvetica;
    color:#ED221B;
    font-size:23px;
    line-height:22px;
}

#subtitulo{/*Subittulo donde se quiera usar*/
    font-family:helvetica;
    color:#515151;
    font-size:17px;
    line-height:22px;
    margin-bottom:15px;
    margin-top:25px;
}

#cuerpocontenido table{/*tablas*/
    margin:0 auto;
}
/*Decoracion de los enlaces en general*/
#cuerpocontenido a{
   text-decoration:none;
   color:#1a8dff;
    text-decoration:none;  
}
#cuerpocontenido a:hover{
   text-decoration: underline;
}
/*fin Decoracion de los enlaces en general*/

/*Listado de Enlaces*/
#cuerpocontenido #inicio-contenido{
   margin:0 auto;
    margin-top:30px;
    margin-left: 10%;
    margin-bottom:20px;
}
#cuerpocontenido #inicio-contenido #title{
    
    color:#00334d;
    font-size:20px;
    margin-bottom:10px;
    font-size:22px;
}
#cuerpocontenido #inicio-contenido li{
    margin-top:3px;
}
#cuerpocontenido #inicio-contenido li img{
    vertical-align: middle;
}
#cuerpocontenido #AvisoDesconeccion{
    margin-top:15px;
}
/*fin Listado de Enlaces */

/*Texto Descriptivo para todos los visores*/
#cuerpocontenido #detalle{
    text-align:justify;
    margin-bottom:5px;
    margin-top:15px;
}
#cuerpocontenido #detalle #title{
    font-family:verdana;
    color:#ED221B;
    font-size:16px;
    line-height:22px;
    margin-top:20px;
    margin-bottom:5px;
    text-align:left;
}
#cuerpocontenido #detalle #mensajepopa{/*Seccion POPA en Visores*/
    text-align:center;
    color:#0088cc;
    margin-top:10px;
    margin-bottom:20px;
    text-align: justify;
}
#cuerpocontenido #seccion-visor{
    margin-top:0px;
    overflow:hidden;
    margin-bottom:5px;
}

#cuerpocontenido #seccion-visor #titulo{
    text-align:center;
    margin-bottom:8px;
    color:black;
    font-size:18px;
}

#cuerpocontenido #seccion-visor #filtros{
    margin-top:10px;
    margin-bottom:10px;
    width:100%;
}


#cuerpocontenido #seccion_visor #filtros #SeleccioneSituacion{
    display:inline-block;
    width:60%;
    margin-bottom:20px;
    border:1px solid green;
}


#cuerpocontenido #seccion-visor #filtros #BusquedaNref{
    display:inline-block;
    width:50%;
}

#entidad_solicitante{
    width:80%;
    padding-left:5px;
    padding-right:5px;
    border:1px solid green;
}

/*Solicitud de encargo*/
 #cuerpocontenido #solEncargo {
    text-align: justify;
    width: 80%;
	border: 1px solid gray;	
    font-family:Verdana; 
	font-size:12px; 
	font-style:normal; 
	line-height:20px;
	padding: 25px;
	margin-top: 25px;
}

#cuerpocontenido #solicitudEncargo ul li{
    float: left;
}

#tabla-formulario{/* formulario de solicitud de encargo*/
    margin-top:30px;
    margin-bottom:35px;
}

#tabla-formulario table{
    margin-top:5px;
}

#tabla-formulario table tbody tr{
    margin-top:5px;
    border:1px solid orange;
}
#tabla-formulario table tbody tr td{

   padding-left:15px;
    padding-right:15px;
}
#tabla-formulario table tbody tr td input{
     width:100%;
     border: 1px solid #aaa;
     box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
     border-radius: 5px;
     height:22px;
     -moz-transition: padding .25s; 
     -webkit-transition: padding .25s;
     -o-transition: padding .25s; 
     transition: padding .25s;
    
}
#tabla-formulario table tbody tr td textarea{
     width:50%;
     border: 1px solid #aaa;
     height:80px;
     box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
     border-radius: 5px;
     -moz-transition: padding .25s; 
     -webkit-transition: padding .25s;
     -o-transition: padding .25s; 
     transition: padding .25s;
    
}
#tabla-formulario table tbody tr td .btn-info {
  border: 1px solid #aaa;
  height:24px;
  margin-bottom:0px;
}
#tabla-formulario table tbody tr{ 
    font-size:13px;
    color:#4CA64C;
}

#nocumple{
    margin-left:20px;
    font-size:11px;
    color:red;
}/*fin formulario de solicitud de encargo*/

/*Visor de Encargos*/
#archivos-subidos {
    margin-bottom:10px;
}
#archivos-subidos #title{
    font-size:15px;
    text-align:left;
    margin-top:10px;
}
#tabla_archivos {
    color: #333;
    font-family: sans-serif;
    font-size: .9em;
    font-weight: 300;
    text-align: left;
    line-height: 40px;
    border-spacing: 0;
    width: 100%;
    margin: 10px auto;
    margin-bottom:20px;
    border-radius: 5px;
}
#tabla_archivos table{
    margin-bottom:20px;
    border:1px solid #428bca;
}
 #tabla_archivos thead tr:first-child {
  background: #428bca;
  color: #fff;
  border: #428bca;
}

#tabla_archivos th {font-weight: bold;}
#tabla_archivos th:first-child, #tabla_archivos td:first-child {padding: 0 15px 0 20px;}


#tabla_archivos tbody tr:hover {background-color: #f0fbff;}
#tabla_archivos tbody tr:last-child td {border: none;}
#tabla_archivos tbody td {border-bottom: 1px solid #ddd;}

#tabla_archivos td:last-child {
  text-align: right;
  padding-right: 10px;
}

#tabla_archivos .button {
  color: #696969;
  padding-right: 5px;
  cursor: pointer;
}

#tabla_archivos .alterar:hover {
  color: #428bca;
}

#tabla_archivos .excluir:hover {
  color: #dc2a2a;
}
#ley-informacion{
    margin-top:20px;
    text-align:left;
    font-size:12px;
}
   
#tabla-all-informacion{
    margin-top:40px;
    color: #024457;
    border:1px solid #428bca;
}
#tabla-all-informacion table tr{
    height:25px;
}
#tabla-all-informacion table tr:nth-child(odd){
    background:#428bca;
    
}
#tabla-all-informacion table tr:nth-child(even){
     background:#DCDCDC;
}

 

#tablaPeticion{
    border:1px solid blue;
    margin-top:20px;
}
/*fin Visor de Encargos*/




/*Formulario de consultas*/
 #consultas{
	width:80%;
    margin:0 auto;
	font-family:Verdana; 
	/*font-size:12px;*/ 
	font-style:normal;
    border-style:double;/* Estilos de bordes presentacion*/
    border-color:#C3C3C3;/* Estilos de bordes presentacion*/
 }

.contact_form {
 width:98%;  
 margin: 0 auto;
}
.contact_form label {
    font-family: Georgia, Times, "Times New Roman", serif;
}
.form_hint {
    font-size: 10px;
    color:red; 
}
.contact_form ul{
    list-style-type: none;
    width:70%;
}
.contact_form ul li {
     padding: 12px;
     position: relative; 
     margin-top:5px;
     width:90%;
     margin:0 auto;
}
.contact_form li:first-child {
    padding-top:20px;
}
.contact_form label { 
    width: 38%; 
    margin-top: 3px; display: inline-block; 
    float: left; padding: 3px; 
} 
.contact_form input { 
    height: 30px; 
    width: 90%; /*Ajustar tamaño del input*/
    padding: 5px 8px; 
} 
.contact_form textarea { 
    padding: 8px; width: 90%;/*ajustar tamaño de el textArea*/ 
}
.contact_form button { 
    /*margin-left: 156px;*/
} 
.contact_form #asunto {
    width:38%;
}
  
#textbox {
     border: 1px solid #aaa;
     height:27px;
     box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
     border-radius: 5px;
     -moz-transition: padding .25s; 
     -webkit-transition: padding .25s;
     -o-transition: padding .25s; 
     transition: padding .25s;
}
  
#textbox:focus {
  color: #2E3133;
  border-color: #FBFFAD;
}

#recordatorio{
    font-size:12px;
}
.contact_form #recordatorio{
    font-size:12px;
    width:90%;
}
.contact_form input[type=text], .contact_form input[type=email], .contact_form textarea, .contact_form input[type=password] { 
     border: 1px solid #aaa;
     box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
     border-radius: 5px;
     padding-right: 30px;
     -moz-transition: padding .25s; 
     -webkit-transition: padding .25s;
     -o-transition: padding .25s; 
     transition: padding .25s;
}
.contact_form input[type=text]:focus, .contact_form input[type=email]:focus, .contact_form textarea:focus, .contact_form input[type=password]:focus { 
    background: #fff; 
    border: 1px solid #cccccc; 
    box-shadow: 0 0 3px #aaa; 
}
 
 /*para el */
  .form_hintNif 
 { 
    background: #d45252; 
     border-radius: 3px 3px 3px 3px; 
    color: white; 
    z-index: 999; 
    position: absolute;
    display: inline; 
 }
 
 .form_hintNif::before 
  { 
    content: "\25C0"; 
    color: #d45252; 
    position: absolute; top: 1px; left: -6px; 
  }
  
  .contact_form input:focus + .form_hintNif
   { 
    display: none; 
    } 
 /**/
 .form_hint 
 { 
    background: #d45252; 
     border-radius: 3px 3px 3px 3px; 
    color: white; 
    z-index: 999; 
    position: absolute;
    display: none; 
 }
 
 .form_hint::before 
  { 
    content: "\25C0"; 
    color: #d45252; 
    position: absolute; top: 1px; left: -6px; 
  } 
  
  .contact_form input:focus + .form_hint
   { 
    display: inline; 
    } 
  .contact_form input:required:valid + .form_hintfallo 
    { 
        display: none; 
    } 
    
    .contact_form input:required:valid + .form_hint 
    { 
        background: #00aaff; 
    } 
    
    .contact_form input:required:valid + .form_hint::before 
    { 
        color: #00aaff; 
    }
      

.contact_form input:required:valid, .contact_form textarea:required:valid, .contact_form select:required:valid{
   
}
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.cmn-toggle-round + label {
  padding: 2px;
  width: 90px;
  height: 35px;
  background-color: #dddddd;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 58px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #FFD27F;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 36px;
}
/*Final de Formulario De Contacto*/





/*Formulario valoración Online Madiva*/

/*Desplegable personalizados*/
 #desplegable-provincia, #desplegable-municipio, #desplegable-via{ padding:5px; margin:-5px 0px -0px -5px; 
  margin-left:1px;height:auto;width:58%;float:left;
   	font-size: 14px;
    background:white;
 }
 #desplegable-numero
 {
    width:58%;
    height:40px;
    float:left;
  }

 #desplegable-portal, #desplegable-escalera, #desplegable-planta, #desplegable-puerta{
    border-radius: 4px 4px 4px 4px;
    font-size: 12px;
    width:90%;
    height:40px;
    float:left;
 }

 
#desplegable-provincia option:hover,  #desplegable-provincia option[selected], #desplegable-municipio option:hover, #desplegable-municipio option[selected], #desplegable-via option:hover, #desplegable-via option[selected],#desplegable-numero option:hover, #desplegable-numero option[selected]{
    background: #F3853B;
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}
select:disabled{
    background:#D9D9D9;
} /*Fin de Desplegable personalizados*/


.contact_formMadiva{
    float:left;
    width:50%;
    border-style:double;
    border-color:#C3C3C3;
    border-radius:6px 6px 6px 6px;
}

.contact_formMadiva label { 
    font-family: Georgia, Times, "Times New Roman", serif; 
} 

.contact_formMadiva ul { 
    list-style-type: none;
    padding:0px 10px 0px 0px;
    width:auto;
    float:left;
    margin-left:0;
    /*border:1px solid blue;*/
} 
 .contact_formMadiva ul li {
     float:left;
     padding: 10px;
     position: relative; 
     margin-top:0px;
     width:100%;
     margin:0 auto;
     float:left;
 }

.contact_formMadiva li:first-child {
    
    padding-top:10px;
 }
 
 .contact_formMadiva label 
 { 
    width: 38%; 
    margin-top: 3px; display: inline-block; 
    float: left; padding: 3px; 
 } 
 .contact_formMadiva input 
 { 
    height: 30px; 
    width: 50%; 
    padding: 5px 8px;
    margin-right:30px;/*Acondiciona que el input se baje*/
    margin-bottom: 5px; 
 } 
 
 .contact_formMadiva input[type=text]:disabled {
      background:#d1d1d1;
  }
  .contact_formMadiva button 
  { 
    margin-left: 156px; 
    } 
  .contact_formMadiva #asunto{
    width:38%;
  }
  .contact_formMadiva #recordatorio{
    font-size:10px;
    width:73%;
    margin-left:10px;
  }
  .contact_formMadiva input[type=text]
 { 
     border: 1px solid #aaa;
     box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
     border-radius: 5px;
     padding-right: 30px;
     -moz-transition: padding .25s; 
     -webkit-transition: padding .25s;
     -o-transition: padding .25s; 
     transition: padding .25s;
 }
 .contact_formMadiva input[type=text]:focus
 { 
    background: #fff; 
    border: 1px solid #cccccc; 
    box-shadow: 0 0 3px #aaa; 

 }
 

 .form_hintMadiva 
 { 
    margin-left:0px;
    text-align:left;
    font-size: 12px; 
    background: #ffb14d; 
    border-radius: 3px 3px 3px 3px; 
    color:white; 
    z-index: 999; 
    position: absolute;
    display:none;
 }
 
  .form_hintMadiva::before 
  { 
    content: "\25C0"; 
    color:#ffb14d; 
    position: absolute; top: 1px; left: -10px; 
  } 
/*span para error locaidad y error direcion*/
 .form_errorLo 
 { 
    margin-left:10px;
    text-align:left;
    font-size: 12px; 
    background: #FF6666; 
    border-radius: 3px 3px 3px 3px; 
    color:white; 
    z-index: 999; 
    position: absolute;
    display:inline;
 }
 
   .form_errorLo::before 
  { 
    content: "\25C0"; 
    color:#FF6666; 
    position: absolute; top: 1px; left: -10px; 
  } 

 
 /*Span para el municipio*/
 .form_hintMadivam 
 { 
 
    margin-left:10px;
    text-align:left;
    font-size: 12px; 
    background: #ffb14d; 
    border-radius: 3px 3px 3px 3px; 
    color:white; 
    z-index: 999; 
    position: absolute;
    display:none;
 }
 
  .form_hintMadivam::before 
  { 
    content: "\25C0"; 
    color:#ffb14d; 
    position: absolute; top: 1px; left: -10px; 
  } 
 
  /*Span para las vias*/
 .form_hintMadivav 
 { 
    margin-left:10px;
    text-align:left;
    font-size: 12px; 
    background: #ffb14d; 
    border-radius: 3px 3px 3px 3px; 
    color:white; 
    z-index: 999; 
    position: absolute;
    display:none;
 }
 
  .form_hintMadivav::before 
  { 
    content: "\25C0"; 
    color:#ffb14d; 
    position: absolute; top: 1px; left: -10px; 
  } 
  
  /*Span para los números*/
 .form_hintMadivan 
 { 
    margin-left:10px;
    text-align:left;
    font-size: 12px; 
    background: #ffb14d; 
    border-radius: 3px 3px 3px 3px; 
    color:white; 
    z-index: 999; 
    position: absolute;
    display:none;
 }
 
  .form_hintMadivan::before 
  { 
    content: "\25C0"; 
    color:#ffb14d; 
    position: absolute; top: 1px; left: -10px; 
  } 
  
.contact_formMadiva input:focus + .form_hintMadiva
    { 
    display: inline; 
    }
  .contact_formMadiva input:focus + .form_hintMadivam
    { 
    display: inline; 
    }
    .contact_formMadiva input:focus + .form_hintMadivav
    { 
    display: inline; 
    } 
    .contact_formMadiva input:focus + .form_hintMadivan
    { 
    display: inline; 
    } 
    
  .contact_formMadiva input:required:valid + .form_hintfallo 
    { 
        display: none; 
    } 
    
    .contact_formMadiva input:required:valid + .form_hintMadiva
    { 
        background: #00aaff; 
    } 
    
    .contact_formMadiva input:required:valid + .form_hintMadiva:before
    { 
        color: #00aaff; 
    }


  #mapa-cuadro{  /*Estilos para el mapa google en el formulario de Madiva*/
    overflow: hidden;
  }
  
  #mapa-cuadro #mapa{
    -webkit-box-shadow: -10px -2px 19px -8px rgba(77,69,77,1);
    box-shadow: 8px 0 15px -5px rgba(77,69,77,1), -8px 0 8px -5px rgba(77,69,77,1);
    width:95%;
    height: 450px;
    margin-left:20px;
    
    border:1px solid white;
  }  
  #mapa-cuadro #respuesta{
    width:95%;
    margin-top:25px;
    margin-left:20px;
    margin-bottom:20px;
    padding-left:0px;
    text-align: justify;
  }
  #mapa-cuadro #respuesta h3{
    margin-bottom: 10px;
  }
  #mapa-cuadro #respuesta h4{
    margin-bottom: 2px;
    color:#4C4C4C;
  }
  #mapa-cuadro #respuesta li{
    margin-bottom: 1px;
    margin-left: 15px;
  }
  #mapa-cuadro #respuesta p{
    margin-top:5px;
    margin-bottom:5px;
    margin-left: 15px;
  }
  #mapa-cuadro h1{
    text-align: center;
    margin-bottom:25px;
    margin-top:10px;
    color:#AAAAAA;
  }/*fin estilos para el mapa google de madiva*/
  
   /*Valoración Online*/
 .input-valoracion{
     text-align:center;
     background:#AAAAAA;
     height:40px;
     width:30%;
     margin:0 auto;
     border: 1px solid #AAAAAA;
     box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
     border-radius: 5px;
     padding-right: 10px;
     -moz-transition: padding .25s; 
     -webkit-transition: padding .25s;
     -o-transition: padding .25s; 
     transition: padding .25s;
 }
  .descripcion
 { 
     border-radius: 3px 3px 3px 3px; 
    color: white; 
    z-index: 999; 
    position: absolute;
    display: none; 
    display:inline;
    background:black;
    height:40px;
    width:25%;
    text-align:left;
 }
  
/*Final de Formulario de valoración online*/


/*Formulario Cambio de contraseña*/
#CambioContra {
    width: 60%;

    margin: 0 auto; 
    margin-top: 5px; 
    margin-bottom: 66px;
    padding: 20px 15px; 
    border-radius: 6px; 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;  
}

/** the form elements **/
#hongkiat-form { box-sizing: border-box; }

#hongkiat-form .txtinput { 
display: block;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 20px;
font-size: 1.55em;
padding: 11px 25px;
padding-left: 20px;
width: 50%;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

#hongkiat-form .txtinput:focus { 
color: #333;
border-color: rgba(41, 92, 161, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
outline: 0 none; 
}

#hongkiat-form input#name {
background: #fff url('/imagenes/padlock2.png') 5px 4px no-repeat;
}


#hongkiat-form #slider { width: 60%; }

#hongkiat-form #aligned { 
box-sizing: border-box; 
float: left; 
width: 100%; 
margin-right: 50px; 
}
#wrapping { width: 100%; box-sizing: border-box; }
/*Final de formulario cambio de contraseña*/


/*Botones en general*/
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-primary {/* llamar para botton azul*/
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  margin-top:5px;
  margin-left:0%;

}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}/*Fin de boton azul*/

.btn-danger { /*llamar para boton rojo*/
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}/*fin de boton rojo*/

.btn-default {/*llamar para Boton blanco*/
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}/*Fin de boton blanco*/

.btn-success {/*llamar para Boton verde*/
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}/*fin boton verde*/


/*Boton subir file, lo he usado?*/
.btn-file {
    position: relative;
    overflow: hidden;
    margin-right:10px;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}/*Boton subir file*/


#cuerpocontenidoEspecial{/*diseño de resumen de contenido en   publico Bienvenida publico01.inc*/
    overflow: hidden;
    width:65%;
    height:auto;
    display:block;
    float:left;
    font-size:13px;
    text-align:justify;
    margin:20px;
}
#cuerpocontenidoEspecial h2{
    font-size: 16px;
    color:black;
}
#cuerpocontenidoEspecial #cuadro{
    margin:10px 10px 20px 10px;
    padding:5px 5px 5px 5px;
    overflow:hidden;
    border:1px solid gray;
}

#cuerpocontenidoEspecial #cuadro h2{
    text-align:center;
    margin-bottom:5px;
}
#cuerpocontenidoEspecial #cuadro img{
    margin-right:5px;
}
#cuerpocontenidoEspecial #cuadro #mostrarMas{
    text-align:center;
    margin-top:20px;
}/*Final diseño de resumen de contenido en   publico Bienvenida publico01.inc*/


/*Seccion de lado Izquierdo de privado01.inc, */
#cuerpocontenido #SeccionPrincipal{

    float:left;
    width:70%;
}
#cuerpocontenido #SeccionPrincipal #bienvenida{/*Bienvenida Privado*/

    margin-bottom:40px;
}

#cuerpocontenido #SeccionPrincipal #archivopendiente{ /* seccion de descarga de archivos en privado01.inc*/
    border-bottom:1px solid #ccc;
    margin-bottom:40px;
    margin-top:40px;
}

#cuerpocontenido #SeccionPrincipal #encargosSinFinalizar{ /* seccion de encargos sin Finalziar en privado01.inc*/
     border-bottom:1px solid #ccc;
    margin-top:40px;
}

#cuerpocontenido #SeccionPrincipal #novedades{ /* seccion de encargos sin Finalziar en privado01.inc*/
    margin-top:40px;
}

#cuerpocontenido #sidebar{ /* seccion Sidebar descargas de archivos*/
    width:25%;
    float:right;
  
}
#cuerpocontenido #sidebar ul{
    font-size:12px;
}
#cuerpocontenido #sidebar ul li{
    margin-bottom:5px;
    text-align:left;
}

#cuerpocontenido #sidebar ul li:first-child{
  list-style-type:none;
}/* fin seccion Sidebar descargas de archivos*/
/*Final de Bienvenida Privado*/

/*Tablas para todos los Visores*/
.component{
    line-height: 1.5em;
	margin: 0 auto;
	padding: 2em 0 3em;
	width: 70%;
}

.component .filler {
	font-family: "Blokk", Arial, sans-serif;
	color: #d3d3d3;
}
.component table {
    border-collapse: collapse;
    margin-bottom: 3em;
    text-align:center;
    background: #fff;
    border: 1px solid gray;
}
.component table td,.component table th {
    padding: 6px 1px;
    text-align: left;
    width:100%;
}
.component table th {
    background-color: #34495E;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
}
.component table tbody tr:nth-child(4n+2){
    background-color: #EFEFEF;
    transition: all .125s ease-in-out;
    border-bottom:1px solid gray;
    border-right:0px solid green;
    border-left: 0px solid green;
}

.component table tbody tr:nth-child(4n+1){
    background-color: #EFEFEF;
    border-right:0px solid green;
    border-left: 0px solid green;
    border-top:1px solid gray;
}

.component table tbody tr:hover{
   background-color: #BDC4CB;
}

#paginator-resultados1{
    margin-top:-20px;
}
#paginator-resultados2{
    margin-bottom:-30px;/*Apaño para rellenar*/
}

.sticky-wrap {/* For appearance */
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	margin: 3em 0;
	width: 100%;
}

.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .125s ease-in-out;
	z-index: 50;
	width: auto; /* Prevent table from stretching to full size */
}
.sticky-wrap .sticky-thead {
		box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
		z-index: 100;
		width: 100%; /* Force stretch */
}
.sticky-wrap .sticky-intersect {
    opacity: 1;
    z-index: 150;
}
.sticky-wrap .sticky-intersect th {
    background-color: #666;
    color: #eee;
}

.sticky-wrap td,
.sticky-wrap th {
	box-sizing: border-box;
}

td.user-name {/* Not needed for sticky header/column functionality */
	text-transform: capitalize;
}
.sticky-wrap.overflow-y{
	overflow-y: auto;
	max-height: 50vh;
}/*fin tablas visores*/


.btn-info {/*desplegables em general, se usa en visores, solicitud encargois, etc*/
  color: #000;
  background-color:#46b8da
  border-color: #46b8da;
  height:27px;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  margin-bottom:20px;/*margin hacia abajo de 20px*/
}


.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #000;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}/*desplegables em general, se usa en visores, solicitud encargois, etc*/

/*Busqueda por N/REF de tabla visores*/
.form-control{
  display: block;
  width: 80%;
  height: 30px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
}
  border-color: #ccc;
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
/*Fin de Busqueda por N/REF de tabla visores*/

/*Estilos para legislación y normativa, listado de categorías*/
#tabla-documentos table{
    border-collapse: separate;
    border-spacing: 10px 15px;
}
#tabla-documentos table tr:last-child{
 
   border-spacing: 10px 25px;
    }
/*Fin Estilos para legislación y normativa, listado de categorías*/

 
 /*Diseño para las tablas pop*/
 #tablapop {
    font-family: Arial;
    font-size:15px;
    width:100%;
 }
 #tablapop p{
    text-align:justify;
    margin-bottom:10px;
 }
 #tablapop table{
    margin-left:0;
 }
 
 #tablapop table tbody th{
    background:#ffba00;
 }
 
 #InfoPop{
    padding-left:10px;
    padding-right:10px;
 }
  /*Fin diseño para las tablas pop*/ 
  
/*Pie de Página*/
#pie {
	width:100%;
    background:#3E3436;
    padding-top:20px;
    overflow:hidden;
}

#pie table{
    margin:0 auto;
}

#pie #informacion{
    margin-top:12px;
    margin-bottom:30px;
   	font-size:11px;
	font-style:normal;
	font-weight:normal;
    color:#BCBCBC;
 }

#pie #informacion li{
	font-family:Verdana;
    text-align:center;
}
 
 #pie #informacion li a{
     text-decoration: none;
     font-size: 11px;
     color:#BCBCBC;
 }
 
 #pie #informacion li a:hover{
    text-decoration: underline
 }/*fin pie de página*/
 
/*RESPONSIVE */
 @media only screen and ( max-width: 480px ) {
	

  #cuerpocontenidoEspecial{ /*Dimensiones para el cuerpocontenido especial*/
    width:90%;
  }
  #extra{ /*nuevas dimensiones para el extra*/
    width:100%; 
    margin:0 auto;
  }
  
 
  
  /* Tablas */
    #pie table, #pie thead, #pie tbody, #pieth, #pie td,  #pie tr { 
		display: block; 
       
	}
    .component table{
        overflow: auto;   /* Scrollbar is displayed as it's needed */
    }
   
	
	td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		text-align:center; /* Alinea los divs en el rectangulito*/
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}	/*Para tablas */
    
    #seccion{ /*Ajusto el tamano de las secciones*/
        width:80%;

    }
    
    .tablas_modelo_1{ /*dosier comercial, mapa de contacto*/
    
        height:300px;
       overflow: auto;
		display: block;
  
    }
    
   
    
    #cuerpocontenido #mapa-responsive{ /*mapa contacto*/
        width:120%;
        float:center;
    }
    #cuerpocontenido{
        width:85%;
        margin-top:100px;
    }
    
    /*--Privado----*/
    #cuerpocontenido #SeccionPrincipal{
        float:left;
        width:95%;
    }
     #cuerpocontenido #sidebar{
        float:left;
        width:100%;
    }
    #cuerpocontenido #CambioContra{
        width:100%;
    }
  
 }
 
 /*Móviles en horizontal o tablets en vertical*/
    @media only screen and ( max-width: 768px ) and ( min-width: 480px ){
        #cuerpocontenidoEspecial{
            width:90%;
        }
        #extra{ /*nuevas dimensiones para el extra*/
            width:100%; 
            margin:0 auto;
        }
    }