@import url("https://fonts.googleapis.com/css?family=Titillium+Web");
#contenedor {
position: relative;
text-transform: uppercase;
font-size: 1em;
width: 100%;
font-family: Titillium Web;
font-weight: bolder;
}
#contenedor > .despliega{
margin-top:15px;
display:none;
color:white;
background-color: #e4202c;
cursor:pointer;
padding:10px;
}
#contenedor > .despliega >.icon:before{
font-family: FontAwesome;
padding-right: 10px;
content: '\f0fe';
padding-left:5px;
}
#contenedor > .despliega > .icondesplegado:before{
font-family: FontAwesome;
padding-right: 10px;
content: '\f146';
padding-left:5px;
}
#map {
margin: 0 auto;
height: 500px;
width: 100%;
}
#contenedor ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: stretch;
width: 100%;
margin: 0 auto;
list-style-type: none;
padding-left: 0px;
margin-bottom: 20px;
}
#contenedor ul li {
width: calc(100% * 0,11);
flex-grow: 0;
flex-basis: 1;
padding: 15px;
padding-left:5px;
margin: 1px;
display: inline;
border-bottom: 2px solid #fff;
}
#contenedor ul li:hover {
border-bottom: 2px solid #e4202c;
}
#contenedor ul li a {
color: grey;
text-decoration: none;
}
@media only screen and (max-width: 700px) {
#map {
height: 300px;
}
#contenedor ul {
justify-content: flex-start;
}
#contenedor ul li {
padding: 5px;
flex-basis: calc(100% * 0.30);
}
@media only screen and (max-width: 500px) {
#map {
display: none;
}
#contenedor > .despliega{
display:block;
}
#contenedor ul {
display:none;
justify-content: flex-start;
}
#contenedor ul li {
padding: 5px;
margin-left: 20px;
flex-basis: 100%;
position: relative;
text-align: center;
} }@font-face{font-family:vc_linecons;font-style:normal;font-weight:400;src:url(//www.puertollano.es/wp-content/plugins/js_composer_theme/assets/css/lib/vc-linecons/fonts/vc_linecons.eot?54101537);src:url(//www.puertollano.es/wp-content/plugins/js_composer_theme/assets/css/lib/vc-linecons/fonts/vc_linecons.eot?54101537#iefix) format("embedded-opentype"),url(//www.puertollano.es/wp-content/plugins/js_composer_theme/assets/css/lib/vc-linecons/fonts/vc_linecons.woff?54101537) format("woff"),url(//www.puertollano.es/wp-content/plugins/js_composer_theme/assets/css/lib/vc-linecons/fonts/vc_linecons.ttf?54101537) format("truetype"),url(//www.puertollano.es/wp-content/plugins/js_composer_theme/assets/css/lib/vc-linecons/fonts/vc_linecons.svg?54101537#vc_openiconic) format("svg")}[class*=" vc_li-"]:before,[class^=vc_li-]:before{font-family:vc_linecons;font-style:normal;font-weight:400;speak:none;display:inline-block;font-variant:normal;line-height:inherit;margin-left:0;margin-right:0;text-align:center;text-decoration:inherit;text-transform:none;width:1em}.vc_li-heart:before{content:"\e000"}.vc_li-cloud:before{content:"\e001"}.vc_li-star:before{content:"\e002"}.vc_li-tv:before{content:"\e003"}.vc_li-sound:before{content:"\e004"}.vc_li-video:before{content:"\e005"}.vc_li-trash:before{content:"\e006"}.vc_li-user:before{content:"\e007"}.vc_li-key:before{content:"\e008"}.vc_li-search:before{content:"\e009"}.vc_li-settings:before{content:"\e00a"}.vc_li-camera:before{content:"\e00b"}.vc_li-tag:before{content:"\e00c"}.vc_li-lock:before{content:"\e00d"}.vc_li-bulb:before{content:"\e00e"}.vc_li-pen:before{content:"\e00f"}.vc_li-diamond:before{content:"\e010"}.vc_li-display:before{content:"\e011"}.vc_li-location:before{content:"\e012"}.vc_li-eye:before{content:"\e013"}.vc_li-bubble:before{content:"\e014"}.vc_li-stack:before{content:"\e015"}.vc_li-cup:before{content:"\e016"}.vc_li-phone:before{content:"\e017"}.vc_li-news:before{content:"\e018"}.vc_li-mail:before{content:"\e019"}.vc_li-like:before{content:"\e01a"}.vc_li-photo:before{content:"\e01b"}.vc_li-note:before{content:"\e01c"}.vc_li-clock:before{content:"\e01d"}.vc_li-paperplane:before{content:"\e01e"}.vc_li-params:before{content:"\e01f"}.vc_li-banknote:before{content:"\e020"}.vc_li-data:before{content:"\e021"}.vc_li-music:before{content:"\e022"}.vc_li-megaphone:before{content:"\e023"}.vc_li-study:before{content:"\e024"}.vc_li-lab:before{content:"\e025"}.vc_li-food:before{content:"\e026"}.vc_li-t-shirt:before{content:"\e027"}.vc_li-fire:before{content:"\e028"}.vc_li-clip:before{content:"\e029"}.vc_li-shop:before{content:"\e02a"}.vc_li-calendar:before{content:"\e02b"}.vc_li-vallet:before{content:"\e02c"}.vc_li-vynil:before{content:"\e02d"}.vc_li-truck:before{content:"\e02e"}.vc_li-world:before{content:"\e02f"}