/* |=========================================================== |Master stylesheet css |=========================================================== |@Project : singleclick.com.co |@Date : 00-10-2014 |@Note : Frontend - New site |=========================================================== */ @font-face { font-family: "regular";src: url('fuentes/myriad/MyriadPro-Regular/MyriadPro-Regular.eot?') format('eot'), url('fuentes/myriad/MyriadPro-Regular/MyriadPro-Regular.otf') format('opentype'), url('fuentes/myriad/MyriadPro-Regular/MyriadPro-Regular.woff') format('woff'), url('fuentes/myriad/MyriadPro-Regular/MyriadPro-Regular.ttf') format('truetype'), url('fuentes/myriad/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'); } @font-face { font-family: "m-cond"; src: url('fuentes/myriad/MyriadPro-Cond/MyriadPro-Cond.eot?') format('eot'), url('fuentes/myriad/MyriadPro-Cond/MyriadPro-Cond.otf') format('opentype'), url('fuentes/myriad/MyriadPro-Cond/MyriadPro-Cond.woff') format('woff'), url('fuentes/myriad/MyriadPro-Cond/MyriadPro-Cond.ttf') format('truetype'), url('fuentes/myriad/MyriadPro-Cond/MyriadPro-Cond.svg#MyriadPro-Cond') format('svg'); } @font-face { font-family: "bold"; src: url('fuentes/myriad/MyriadPro-Bold/MyriadPro-Bold.eot?') format('eot'), url('fuentes/myriad/MyriadPro-Bold/MyriadPro-Bold.otf') format('opentype'), url('fuentes/myriad/MyriadPro-Bold/MyriadPro-Bold.woff') format('woff'), url('fuentes/myriad/MyriadPro-Bold/MyriadPro-Bold.ttf') format('truetype'), url('fuentes/myriad/MyriadPro-Bold/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg'); } @font-face { font-family: "b-cond"; src: url('fuentes/myriad/MyriadPro-BoldCond/Myriad-Pro-BoldCond.eot'); src: url('fuentes/myriad/MyriadPro-BoldCond/Myriad-Pro-BoldCond.eot?#iefix') format('embedded-opentype'), url('fuentes/myriad/MyriadPro-BoldCond/Myriad-Pro-BoldCond.svg#Myriad Pro') format('svg'), url('fuentes/myriad/MyriadPro-BoldCond/Myriad-Pro-BoldCond.woff') format('woff'), url('fuentes/myriad/MyriadPro-BoldCond/Myriad-Pro-BoldCond.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "semibold"; src: url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.eot?') format('eot'), url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.otf') format('opentype'), url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.woff') format('woff'), url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.ttf') format('truetype'), url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg'); } @font-face { font-family: "semi"; src: url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.eot?') format('eot'), url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.otf') format('opentype'), url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.woff') format('woff'), url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.ttf') format('truetype'), url('fuentes/myriad/MyriadPro-Semibold/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg'); } @font-face { font-family: "it"; src: url('fuentes/myriad/MyriadPro-It/MyriadPro-It.eot?') format('eot'), url('fuentes/myriad/MyriadPro-It/MyriadPro-It.otf') format('opentype'), url('fuentes/myriad/MyriadPro-It/MyriadPro-It.woff') format('woff'), url('fuentes/myriad/MyriadPro-It/MyriadPro-It.ttf') format('truetype'), url('fuentes/myriad/MyriadPro-It/MyriadPro-It.svg#MyriadPro-It') format('svg'); } @font-face { font-family: "semi-it"; src: url('fuentes/myriad/MyriadPro-SemiboldIt/MyriadPro-SemiboldIt.eot?') format('eot'), url('fuentes/myriad/MyriadPro-SemiboldIt/MyriadPro-SemiboldIt.otf') format('opentype'), url('fuentes/myriad/MyriadPro-SemiboldIt/MyriadPro-SemiboldIt.woff') format('woff'), url('fuentes/myriad/MyriadPro-SemiboldIt/MyriadPro-SemiboldIt.ttf') format('truetype'), url('fuentes/myriad/MyriadPro-SemiboldIt/MyriadPro-SemiboldIt.svg#MyriadPro-SemiboldIt') format('svg'); } @font-face { font-family: "smartkid"; src: url('fuentes/smartkid/smartkid.eot?') format('eot'), url('fuentes/smartkid/smartkid.otf') format('opentype'), url('fuentes/smartkid/smartkid.woff') format('woff'), url('fuentes/smartkid/smartkid.ttf') format('truetype'), url('fuentes/smartkid/smartkid.svg#smartkid') format('svg'); } @font-face { font-family: "n-light"; src: url('fuentes/Nunito/Nunito-Light.ttf') format('truetype'); } @font-face { font-family: "n-bold"; src: url('fuentes/Nunito/Nunito-Bold.ttf') format('truetype'); } @font-face { font-family: "n-regular"; src: url('fuentes/Nunito/Nunito-Regular.ttf') format('truetype'); } @font-face { font-family: "n-semi"; src: url('fuentes/Nunito/Nunito-SemiBold.ttf') format('truetype'); } /* |=========================================================== |@Note : Reset |=========================================================== */ h1,h2,h3,h4,h5,p,span,div,fieldset,body{ padding: 0;margin: 0; } input, select, textarea{ background:transparent; border:none; margin:0; padding:0; } input[type="text"], input[type="password"], input[type="file"], select, textarea{ border: 1px solid #CCCCCC; font-family:Arial, Helvetica, sans-serif; } ul { padding: 0;margin: 0;list-style: none; } .ui-autocomplete{ z-index:150 !important;} .jcarousel-container { /*overflow: hidden;*/ } .jcarousel-clip { overflow: hidden; } .ui-tooltip, .arrow:after { background:#d40f19; border: none; } .ui-tooltip { padding: 8px; border-radius: 0px 10px 10px 10px; background-color: #FBAE17; color: #fff; font: bold 16px regular; } /* |=========================================================== |@Note : Varios de Sistema |=========================================================== */ a { text-decoration: none; color:#000; -o-transition: background-color .3s, color .3s; -ms-transition: background-color .3s, color .3s; -moz-transition: background-color .3s, color .3s; -webkit-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s; } body table td { padding: 0; border: none; } a:hover { text-decoration: none; } body { font-size: 13px; font-family: regular !important; color: #424243; background-color: #FFF; } img { border: none; } .clear { clear: both; } .clear.separador { height: 15px; clear: both; } .cleft{ clear:left;} .oculto{ display:none !important;} .visible{ display:block !important;} fieldset { border: none; overflow:hidden; } #mensajeestado { display: none; margin-right: 10px; font-size: 16px; padding: 7px; -moz-border-radius: 5px; position: fixed; top: 10px; right: 10px; font-weight: bold; border: solid 1px #333; z-index: 1000000; background-color: #FFF; border-radius: 10px 10px 10px 0px; color:#000; } #imagencargando { display: none; } html {min-height: 100%;} .cargando1{ background-image: url(../Imagenes/Sistema/cargando1.png); background-position: left center; display: block; padding: 10px; padding-left: 52px; background-repeat:no-repeat; color:#fff; font-family: regular; font-size: 22px; width: 90px; } .cargando2{ background-image: url(../Imagenes/Sistema/cargando3.png); background-position: left center; display: block; padding: 10px; padding-left: 52px; background-repeat:no-repeat; color:#000; font-family: regular; font-size: 22px; width: 90px; margin-left: 60px; position: fixed; left: 40%; top:40%;} .cargando3{ background-image: url(../Imagenes/Sistema/cargando3.png); background-position: left center; display: block; padding: 10px; padding-left: 52px; background-repeat:no-repeat; color:#000; font-family: regular; font-size: 22px; width: 90px; } .blockElement{ background: none !important; } /* ----- Estilos Globales ------ */ @media (max-width: 479px){ .col-xxs-12 {width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;} .col-xxs-6 {width: 50%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;} .no-padd-xs{padding: 0;} } @media (min-width: 1860px){ .col-xlg-1 {width: 8.33333333%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;} .col-xlg-2 {width: 16.66666667%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;} } .miga {padding: 15px 0;font: normal normal 12pt/12pt 'semibold',Arial;text-align: left;color: #d62629;border-bottom: 0px #A1A3A5 dashed;background-color: #FFF;} .miga > a { padding: 0px 5px; margin: 0 0px 0 0;font: normal normal 12pt/14pt 'regular',Arial;color: #560e00; background-color: transparent; border-radius: 3px; } .miga > i { margin: 0 5px;line-height: 30px; } .miga > a:hover{ } .miga > a:first-child{ margin-left:0;} .miga > b{ width: 9px;height: 15px;margin: -2px 4px;display:inline-block; background-image:url(../Imagenes/Sistema/bread-separator.png); background-position: center center; background-repeat: no-repeat; } .miga .actual { padding: 2px;margin: 0 0 0 5px;font: normal normal 15px/20px 'semibold',Arial;color: #d62629;display:inline-block; } .miga .actual:hover,.miga span:hover{ } .miga span a{ color: #d62629;} .opcion-cuadrada { position: relative; font-family: semi; padding: 10px 10px 5px; color: #FFF; font-size: 20px; background-color: #383739; } .opcion-cuadrada i { background-color: #383739; border-radius: 20px; } .titulo-seccion { } .titulo-seccion h1 {font: normal normal 20px/20px 'semibold',Arial;text-transform: uppercase;color: #FFF;} .titulo-seccion h2 { } .titulo-seccion h4 { } .registros-encontrados{ text-align:right; margin:5px 0; border-top:solid 1px #ccc; padding-top:5px; padding-right: 5px; color:#707070; font-size:13px;} .contenedor-paginacion { margin-bottom: 10px; overflow:hidden; clear:both; border-top: 1px solid #ccc; padding-top: 10px; } .contenedor-paginacion .paginacion { overflow:hidden; float:right; } .contenedor-paginacion .paginacion ul{ margin:0; padding:0; list-style-type:none; } .contenedor-paginacion .paginacion li { float: left; text-align: center; font: normal normal 13px/13px 'semi',Arial; margin-left:5px;} .contenedor-paginacion .paginacion .palabra { float: right;font: normal normal 13px/13px 'regular',Arial;color: #FFF;background-color: #AAA; } .contenedor-paginacion .paginacion .palabra a { color: #FFF; } .contenedor-paginacion .paginacion .palabra.prev { -webkit-border-radius: 0px 0px 0 20px;-moz-border-radius: 0px 0px 0 20px;border-radius: 0px 0px 0 20px; } .contenedor-paginacion .paginacion .palabra.prev a { padding: 0px 5px 3px 15px; } .contenedor-paginacion .paginacion .palabra.prev:hover a { -webkit-border-radius: 0px 0px 0 15px;-moz-border-radius: 0px 0px 0 15px;border-radius: 0px 0px 0 15px;background-color: #686868;color: #FFF; } .contenedor-paginacion .paginacion .palabra.prev a i { margin: 0 5px 0 0;font-size: 13px;line-height: 20px; } .contenedor-paginacion .paginacion .palabra.next { -webkit-border-radius: 0px 0px 15px 0;-moz-border-radius: 0px 0px 15px 0;border-radius: 0px 0px 15px 0; } .contenedor-paginacion .paginacion .palabra.next a { padding: 0px 15px 3px 5px; } .contenedor-paginacion .paginacion .palabra.next:hover a { -webkit-border-radius: 0px 0px 20px 0;-moz-border-radius: 0px 0px 20px 0;border-radius: 0px 0px 20px 0;background-color: #686868;color: #FFF; } .contenedor-paginacion .paginacion .palabra.next a i { margin: 0 0 0 5px;font-size: 13px;line-height: 20px; } .contenedor-paginacion .paginacion span{ display: block;padding: 5px 8px; font: normal normal 13px/13px 'regular',Arial;color: #707070; } .contenedor-paginacion .paginacion a { padding: 5px 8px;display: block;font: normal normal 13pt/13pt 'regular',Arial; } .contenedor-paginacion .paginacion a.normal { color: #707070; } .contenedor-paginacion .paginacion a.activo { font: normal normal 13pt/13pt 'bold',Arial;color: #3f3f3f; } .contenedor-paginacion .paginacion a:hover{ text-decoration:none;color: #3f3f3f; } .contenedor-paginacion .registrospp{ font-size:13px; color: #707070; float: left; padding-left: 5px; } .contenedor-paginacion .registrospp select{ font-size:13px;} /* |=========================================================== |@Note : Botones por defecto |=========================================================== */ .boton1 { padding: 2px 10px;color: #fff; display: block; background-color: #F58C20; float: right; margin-right: 10px; border-radius: 5px; font-size: 12px; background-repeat: no-repeat; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .boton1:hover{ background-color: #FBAE17; text-decoration: none; } .boton2 { padding: 2px 10px;color: #fff; display: block; background-color: #F03838; float: right; margin-right: 10px; border-radius: 5px; font-size: 12px; background-repeat: no-repeat; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .boton2:hover{ background-color: #FA5151; text-decoration: none; } .boton3 { color: #fff; display: block; background-color: #00B2DD; float: right; padding: 2px 5px; margin-right: 10px; border-radius: 5px; font-size: 12px; background-repeat: no-repeat; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .boton3:hover{ background-color: #4EC5E0; text-decoration: none; } .boton4 { color: #fff; display: block; background-color: #86AF32; float: right; padding: 2px 5px; margin-right: 10px; border-radius: 5px; font-size: 12px; background-repeat: no-repeat; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .boton4:hover{ background-color: #BED630; text-decoration: none; } .i-btn1 { padding: 5px; margin: 0;display: block; position: absolute;bottom: -5px;right: -5px;z-index: 55; font-size: 40px;color: #FFF;border: 4px solid #FFF;-webkit-border-radius: 20px 20px 0 20px;-moz-border-radius: 20px 20px 0 20px;border-radius: 20px 20px 0 20px; } .i-btn2 { padding: 0px; margin: 0;position: absolute;top: 0;right: 0;font-size: 40px;color: #FFF;border: 4px solid #FFF;-webkit-border-radius: 20px 20px 0 20px;-moz-border-radius: 20px 20px 0 20px;border-radius: 20px 20px 0 20px; } .i-btn3 { padding: 0px; margin: 0;position: absolute;top: 0;right: 0;font-size: 30px;color: #FFF;-webkit-border-radius: 10px 10px 0 10px;-moz-border-radius: 10px 10px 0 10px;border-radius: 10px 10px 0 10px; } /* |=========================================================== |@Note : Titulos por defecto |=========================================================== */ .c-title { padding: 10px 5px 10px 60px;margin: 5px 5px 10px 0;position: relative; font: normal normal 22px/24px 'bold',Arial;text-transform: uppercase;color: #FFF; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; } .i-title1 { padding: 5px; margin: 0; font-size: 16px;color: #FFF; border: 1px solid #FFF;-webkit-border-radius: 20px ;-moz-border-radius: 20px;border-radius: 20px; } .i-title2 { padding: 5px; margin: 0; font-size: 24px;color: #FFF; border: 2px solid #FFF;-webkit-border-radius: 20px ;-moz-border-radius: 20px;border-radius: 20px; } /* |=========================================================== |@Note : Contenedores por defecto |=========================================================== */ .fondo-body {background-image: url('../Imagenes/Sistema/bg-body.jpg');background-repeat: repeat-x; background-position: center top;} .fondo-body-2 {background-image: url('../Imagenes/Sistema/bg-body-2.jpg');background-repeat: repeat-x; background-position: center -50px;} #principal { } #contenido {padding: 0;margin: 0 auto;position: relative; clear: both; width: 100% !important;} .seccion { } .center {/*height: 100%;*/ max-width: 1140px;margin: 0 auto;} .interna { } .interna #cabecera { } .interna #principal { } .interna #contenido {position: relative; width: 100%;margin: 0px auto; margin: 10px auto;} .interna #top {position: relative;} .interna #header {position: relative;height: 100px;} .no-padd-izq{padding-left: 0px;} .no-padd-der{padding-right: 0px;} .no-padd {padding: 0 !important;} .no-padd-l {padding-left: 0px !important;} .no-padd-r {padding-right: 0px !important;} .no-padd{padding: 0px;} /* |================================ |@php class : inc_superior.php |@html template : modelo.html |@Note : Header - Footer |================================ */ .btn-what-xs{ position: fixed; bottom: 5px; z-index: 10; right: 5px; height: 50px; width: 50px; } #header { height: 113px; position: relative } #header .ctn-sup{display: flex; flex-flow: row; align-items: center;} #header .ctn-sup .ctn-traductor{margin-left: auto; padding: 0 15px;} #header .ctn-logo-redes{background-color: #282828;} #header .top {margin: 10px 0;} #header .logo { float: left; } #header .redes-sociales { float: right; } #header .redes-sociales img{display: inline-block; margin:10px 8px; } #header .redes-sociales img.flotarimg{ cursor: pointer; position: fixed; bottom: 0; z-index: 10; right: 0; height: 80px; } /*#header .logo img {margin: 10px 0 }*/ #header .top .contacto { font-size: 23px; float: left; margin-left: 180px; padding: 13px 0 5px 80px; background-image: url('../Imagenes/Sistema/ayuda.png'); background-repeat: no-repeat;background-position: left top; width: 200px; } #header .top .contacto span{font-size: 18px; display: block;} #header .top .chat{float: right;} #header .redes-s {margin-top: 20px; float: right;} #header .redes-s span {padding-top: 5px; color: #FFF; font-size: 19px; margin-right: 10px; font-family: it; display: block; float: right;} #header .redes-s .links {float: right;} #header .redes-s .links a {display: block;float: left; margin-right: 5px;} #header .redes-s .links img {width: 36px; height: 36px;} #header .navbar-default{ background-color: transparent; border-color: transparent;} #header .menu { margin: 0px; float: left; background-color: #b00b14; padding: 0; } #header .menu .center_relativo{position: relative;} #header .menu .center_relativo .ctn-buscador{position: absolute; right: 0; top: 0; padding: 6px 8px 6px 0;} #header .menu .buscador{width: calc(100% - 50px);} #header .menu .ctn-padd{background-color: #6d0711; border-radius: 50px;height: 35px;} #header .menu .buscador .search{display: none; margin-bottom: 0;} #header .menu .buscador .search input{background-color: transparent; border: none; box-shadow: none; border-radius: 50px; color: #FFF;} #header .menu .buscador .search input::-webkit-input-placeholder {color: #FFF;} #header .menu .buscador .search input:-ms-input-placeholder {color: #FFF;} #header .menu .buscador .search input::placeholder {color: #FFF;} #header .menu .srch{font-size: 17px; background-color: #6d0711; color: #FFF; border: none; width: 35px; height: 35px; float: right; border-radius: 50%;} #header .menu li { } #header .menu .jd_menu li {padding: 10px 0;} #header .menu li:nth-child(1) {} #header .menu a { padding: 5px 15px 0; float: left;display: block; font-family:n-light; font-size:16px;/*font: normal normal 14px/18px 'semibold',Arial;*/text-transform: uppercase;color: #FFF; border-bottom: 2px solid transparent;} #header .menu li.jdm_active a{text-decoration: none; background-color: #d62629;} #header .menu a:hover{text-decoration: none; border-bottom: 2px solid #fff; background-color: #d62629;} #header .menu a:first-child{border-left: 0;} #header .menu a:last-child{border-right: 0;} #header .menu .submenu { background-color: #d62629;} #header .menu.fijo {width: 100%;position:fixed; top:0px; left: 0; z-index:100; margin-top:0px;background-color: #d62629} #header .menu.fijo ul {width: 990px;margin: auto} #header .menu.fijo .submenu {width: auto; margin: auto} #header .menu.fijo .submenu li a{padding: 5px 15px;} #header .menu.fijo a{ padding: 0px 15px;} #header .menu.fijo .srch{margin: 0;} #header .menu.fijo .center_relativo .ctn-buscador{padding: 2px 8px 6px 0;} #header .menu .ctn-logo-fix{float: left; margin-top: 9px; padding: 0 15px; animation-duration: 0.3s;} #header .menu .ctn-logo-fix img{height: 25px;} #header .menu .ctn-logo-fix a{text-decoration: none !important;} #header .menu .ctn-logo-fix a:hover{text-decoration: none !important;} .menu-top {background-color: #323232; overflow: hidden; } .menu-top li {padding: 13px 10px; margin: 5px 0; float: left; border-right: 1px #676565 solid; border-left: 1px #242424 solid;} .menu-top li:last-child {border-right: none;} .menu-top li:first-child {border-left: none; padding-left: 0;} .menu-top a {-webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; background-position: 3px 4px; padding: 8px 6px 8px 42px; display: block; font-family: semi; font-size: 13pt; color: #999999; border-radius: 4px; background-repeat: no-repeat;background-position: 4px; padding-left: 46px !important;margin-left: 0px !important} .menu-top a:hover{ color: #FFF; background-color: #d62629; } .menu-top .sel a{ color: #FFF; background-color: #d62629; background-repeat: no-repeat; } .menu-top li:nth-child(1) a {background-image: url(../Imagenes/Sistema/icono-apps.png);} .menu-top li:nth-child(2) a {background-image: url('../Imagenes/Sistema/icono-web.png');} .menu-top li:nth-child(2) a:hover {background-image: url('../Imagenes/Sistema/icono-web-h.png');} .menu-top li:nth-child(3) a {background-image: url('../Imagenes/Sistema/icono-comunicacion.png');} .menu-top li:nth-child(3) a:hover {background-image: url('../Imagenes/Sistema/icono-comunicacion-h.png');} .menu-top li:nth-child(4) a {background-image: url('../Imagenes/Sistema/icono-otros.png');} .menu-top li:nth-child(4) a:hover {background-image: url('../Imagenes/Sistema/icono-otros-h.png');} .menu-top li:nth-child(5) a {background-image: url('../Imagenes/Sistema/icono-celular-menu.png');} .menu-top li:nth-child(5) a:hover {background-image: url('../Imagenes/Sistema/icono-celular-menu-hover.png');} .menu-top li:nth-child(6) a {background-image: url('../Imagenes/Sistema/icono-i-mas-d.png');} .menu-top li:nth-child(6) a:hover {background-image: url('../Imagenes/Sistema/icono-i-mas-d-h.png');} .menu-movil {width: 100%; top: 42px; top:0px; left: 0; z-index:100; position: fixed;} .menu-movil .barra{ background-color: #b41f25; overflow: hidden; } .menu-movil .barra a.abrir{ display: block; text-decoration: none; float: left; color: #fff; font-size: 2.8rem; line-height: 1.8rem !important; padding: 0.5rem 0.9rem; background-color: #d6262a; margin: 0.2rem; } .menu-movil .barra img.logo-movil{ position: absolute; margin: auto; margin-top: 10px; right: 0; left: 0;} .menu-desplegable{ display: none;background-color: #b41f25;height: 100%;} .menu-desplegable .cont{overflow: hidden;} .menu-desplegable .cont ul{ margin: 0; padding: 0;} .menu-desplegable .cont ul li{ margin: 0; padding: 0; background-color: #c92124; margin: 1px; overflow: hidden; } .menu-desplegable .cont ul li a{ display: block; padding: 10px 4px; font-size: 1.5rem; color: #fff; margin-top: 2px; margin-left: 15px; } .menu-desplegable .cont ul li i{ display: block; font-size: 2.5rem; color: #fff; float: left; margin-top: 5px; margin-left: 5px;} .menu-desplegable .menu-top{background-color: #c92124} .menu-desplegable .menu-top li{border-right-width: 0px;border-left-width: 0px;clear: both;display: block;padding: 11px 27px !important;} .menu-movil .menu-desplegable .redes-sociales{padding: 10px 15px; background-color: #c92124; float: left; display: block; width: 100%;} .menu-movil .menu-desplegable .redes-sociales img{float: left; display: block; margin-right: 5px; height: 30px;} .menu-movil .menu-desplegable .redes-sociales img:last-child{margin-right: 0px;} #footer { width: 100%;padding: 10px 0px 0; } #footer .ctn-contacto{background-color: rgba(0,0,0,0.1); padding: 30px 0;} #footer .ctn-contacto .item-contacto-footer{padding: 0;} #footer .ctn-contacto .item-contacto-footer h3{font-family: n-bold; font-size: 21px; color: #d62629; float: right; margin-top: 10px; margin-right: 20px;} #footer .ctn-contacto .item-contacto-footer a.b-contacto{display: inline-block; font-family: n-light; font-size: 14px; color: #FFF; background-color: #d62629; padding: 3px 13px; border-radius: 12px;} #footer .ctn-contacto .item-contacto-footer p{font-family: n-light; font-size: 15px; color: #2f2d2f;} #footer .ctn-contacto .item-contacto-footer span{float: left; display: inline-block; font-size: 21px; color: #bf403b; margin-top: 8px; margin-right: 7px;} #footer .ctn-contacto .item-contacto-footer .ctn-txt{float: left; display: inline-block;} #footer .ctn-contacto .item-contacto-footer:nth-child(3) p{margin-top: 8px; } #footer .ctn-contacto .ctn_ubicacion .link_ubicacion{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent;} #footer .contenedor:nth-child(3) { padding: 10px 0;background-color: #262424;} #footer .contenedor .img-arrow img{position: absolute; right: 0; bottom: -10px;} #footer .contenedor .img-arrow{ height: 200px; } #footer .footer_magic{background-color: #FFF !important;} #footer .grid { } #footer .grid h2 { margin: 10px 0 25px; font-family:n-bold; font-size:14px; color:#FFF;/*font: normal normal 16px/16px 'semibold',Arial;*/text-transform: uppercase;} #footer .block-contacto {padding: 10px 0;} #footer .block-contacto .content{padding: 0px 20px;} #footer .block-contacto .list-info { } #footer .block-contacto p { font: normal normal 13px/20px 'regular',Arial;color: #AAA; } /*#footer .block-contacto .list-links {margin: 10px 0 0 0;border-top: 1px solid rgba(247,247,247,0.2) }*/ #footer .block-contacto h4 {margin: 10px 0; font-family:n-bold; font-size: 14px; text-transform: uppercase; /*font: normal normal 16px/16px 'regular',Arial;*/color: #FFF;} #footer .block-contacto a {display: block;/*font: normal normal 14px/20px 'regular',Arial;*/ font-family: n-light; font-size: 16px; color: #fff;} #footer .block-contacto p{display: block;/*font: normal normal 14px/20px 'regular',Arial;*/ font-family: n-light; font-size: 16px; color: #fff;} #footer .block-contacto p a{float: left; display:block; } #footer .block-contacto p span{float: left; display:block; padding: 0 10px;} #footer .block-contacto a:hover{text-decoration: underline;} #footer .block-portafolio {padding: 10px 0;} #footer .block-portafolio .content{padding: 0px 20px;} #footer .block-newsletter {padding: 10px 0;} #footer .block-newsletter .content { overflow: hidden; padding: 0px 20px; } #footer .block-newsletter .content h4 { margin: 0 0 10px 0;font: normal normal 17px/17px 'bold',Arial;color: #FFF; } #footer .block-newsletter .content .form { width: auto;padding: 0px;margin: 0px; } #footer .block-newsletter .content .form .c-campo {padding: 5px 10px;overflow: hidden } #footer .block-newsletter .content .form .c-campo:first-child{padding-left: 0;} #footer .block-newsletter .content .form .c-campo:nth-of-type(4) {text-align: right} #footer .block-newsletter .content .form .c-campo p { margin: 0 17px 0 5px;display: inline } #footer .block-newsletter .content .form .c-campo input {margin: 0 5px 0 0;} #footer .block-newsletter .content .form .c-campo a {font-family:n-semi; opacity: 1; font-size: 14px; color: #FFF; margin: 0; border-radius: 4px;} #footer .block-newsletter .content .form label { margin: 5px 0; display: block;font: normal normal 16px/16px 'regular',Arial; color: #3c3c3b; } #footer .block-newsletter .content .form input.text {padding: 5px 10px; border-radius: 5px; margin: 0; width: 100%; font-family: n-light; position: relative; color: #f4f4f4;border: 1px solid #FFF;background-color: transparent;} #footer .block-newsletter .content .form input.text::placeholder{font-family: n-light; color: #f4f4f4;} #footer .block-newsletter .content .form .button { padding: 5px 20px;margin: 5px 17px 0 0; display: block;float: right;font: normal normal 12px/20px 'bold',Arial;text-align: center;text-transform: uppercase; color: #FFF;cursor: pointer;border-radius: 0px; background-color: #d62629; opacity: 0.8;-o-transition: all .5s ease .5s; -ms-transition: all .5s ease .5s; -moz-transition: all .5s ease .5s; -webkit-transition: all .5s ease .5s; transition: all .5s ease .5s; } #footer .block-newsletter .content .form .button i { margin: 0 5px 0 0;float: left;font-size: 20px;color: #FFF } #footer .block-newsletter .content .form .button:hover { opacity: 1.0; } #footer .contenedor:nth-child(4) {background-color: #FFF;overflow: hidden } #footer .block-info {padding: 20px 0;} #footer .block-info p{font-family: regular; font-size: 18px; color: #424143; } #footer .block-certificaciones {padding: 20px 0;} #footer .block-certificaciones .content {float: right} #footer .block-certificaciones a {margin: 0 4px;float: left;display: block} @media(min-width: 768px) and (max-width: 991px){ #footer .ctn-contacto .item-contacto-footer p{font-size: 12px;} } @media(max-width: 767px){ #footer .ctn-contacto .item-contacto-footer{padding: 0 15px; margin-bottom: 15px;} #footer .ctn-contacto .item-contacto-footer p{font-size: 14px;} #footer .ctn-contacto .item-contacto-footer h3{float: none; text-align: center;} #footer .block-newsletter .content{padding: 0 15px;} #footer .block-newsletter .content .form .c-campo {padding: 0; margin-bottom: 15px;} #footer .block-newsletter .content .form .c-campo a {margin: 0 auto;} #footer .block-info{padding: 10px 0;} #footer .block-info p{font-size: 13px;} } /* |=========================================================== |@Note : Formulario por defecto |=========================================================== */ /**/ #formulario .c-campo{ margin: 5px 0; float: left; } #formulario .c-etiq{ margin: 0 0 0 8px;float: left; } #formulario .c-etiq.com-clb{ margin: 0;float: left; } #formulario .c-etiq p{ font-size: 13px; line-height: 32px; } #formulario .c-etiq span{ font-size: 10px;font-weight: bold; color: #000; } #formulario .c-etiq p.com-lb{ font-size: 13px; line-height: 18px; } #formulario .contenedor-botones{ margin: 5px 0; } #formulario input[type="text"]{ height: 22px; padding-left: 5px; border: 1px solid #CCC; border-radius: 3px; color: #666; background-color: #F9F9F9;font-weight: normal; } #formulario textarea { width: 480px; padding: 5px; border: 1px solid #CCC; border-radius: 3px; color: #666; background-color: #F9F9F9; background-image: none;font-weight: normal; } #formulario .borrar{ cursor: pointer; float: left; font-size: 14px; font-weight: normal;padding: 3px 14px 3px 10px; margin-top: 5px; margin-right: 10px; color: #FFF; background-color: #94AA3B; background-image: url(../Imagenes/Sistema/vineta-blancapeq.png); background-repeat: no-repeat; background-position: right center; } #formulario .enviar{ width: 81px; height: auto; padding: 6px 16px; margin-top: 0px; cursor: pointer; font-size: 14px; font-weight: normal; color: #FFF; background-color: #333;border-radius: 2px; opacity:0.8; filter: alpha(opacity=80); } #formulario .enviar:hover{ opacity:1.0; filter: alpha(opacity=100); } /* |==================================== |@php class : clase.comentario.php |@method : |@html template : |@Note : Comentarios por defecto |==================================== */ .c-comentarios { } .c-comentarios .c-lista { } .c-comentarios .c-lista > h4 { padding: 8px 30px 8px 70px;margin: 0px;display: inline-block; position: relative; font: normal normal 28px/30px 'bold',Arial;color: #FFF; background-color: #BED630; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; } .c-comentarios .c-lista > h4 i { background-color: #86AF32; bottom: -4px;left: -4px; border-radius: 25px 25px 25px 0px; } .c-comentarios .c-lista .comentario{ padding: 10px; margin: 10px 0px;background: rgba(190,214,48,0.1); border-radius:20px 20px 20px 0px;} .c-comentarios .c-lista .comentario .data-user {} .c-comentarios .c-lista .comentario .data-user img{ border-radius:10px;float:left; margin-right: 5px; } .c-comentarios .c-lista .comentario .data-user h3 { font: normal normal 16px/18px 'bold',Arial;color: #3F3F3F; } .c-comentarios .c-lista .comentario .data-user h3:first-letter { text-transform: uppercase; } .c-comentarios .c-lista .comentario .data-user h3 span { margin: 0 0 0 5px;font: normal normal 14px/16px 'semi-it',Arial; } .c-comentarios .form-comentarios { } .c-comentarios .form-comentarios .formulario { position: relative; } .c-comentarios .form-comentarios > h4{padding: 8px 0px; font-size: 30px; font-family: 'bold'; font-weight: normal; border-bottom: 1px #645C5D dotted; } .c-comentarios .form-comentarios .c { margin: 5px; float: left; overflow: hidden; } .c-comentarios .form-comentarios .c label { display: block; font: normal normal 15px/25px 'semi',Arial; color: #444242; } .c-comentarios .form-comentarios .c input[type="text"] { width: 200px; height: 26px;padding: 5px; font: normal normal 15px/20px 'regular',Arial;color: #666;background: #F9F9F9; border: 1px solid #CCC;border-radius:3px;} .c-comentarios .form-comentarios .c textarea {width: 430px;height: 80px;padding: 5px;float: left; background: #F9F9F9;font: normal normal 15px/20px 'regular',Arial;color: #666;border: 1px solid #CCC; border-radius:3px;} .c-comentarios .form-comentarios .c .radio{ margin-right:5px;} .c-comentarios .form-comentarios .c.error { } .c-comentarios .form-comentarios .c.error label { color: #F30; } .c-comentarios .form-comentarios .c.capcha .img-capcha { float: left; } .c-comentarios .form-comentarios .c.capcha .img-capcha img { width: 80px; } .c-comentarios .form-comentarios .c.capcha .campo-campcha { margin: 0px 0 0 0;float: left; } .c-comentarios .form-comentarios .c.capcha span.ayuda { margin: 12px 0; } .c-comentarios .form-comentarios .botones{ position: relative; clear:both; float:left;} .c-comentarios .form-comentarios .botones .enviar { margin-right: 20px; display: block; clear: both; background-color: #EF8B21; border-radius: 5px; color: #FFF; text-align: center; padding: 3px; float: left; font-size: 18px; width: 110px; margin-top: 20px;} .c-comentarios .form-comentarios .botones .enviar:hover { background-color: #F56C07; } .c-comentarios .form-comentarios .botones i { position: absolute;top: 10px;right: 20px; font-size: 20px; color: #FFF; } .c-comentarios .form-comentarios .botones:hover i { top: 8px;font-size: 24px;transition-duration: 0.2s, 1000ms; } .c-comentarios .form-comentarios .c.capcha #verificacion{ width: 100px;height: auto;padding: 5px;float: left;font: normal normal 20px/20px 'semi',Arial;text-align: center;color: #666; background: #F9F9F9; border: 1px solid #CCC; border-radius:3px; } .c-comentarios .form-comentarios .c .campo-error { width: 16px; height: 16px; display: block; float: left; margin-top: 5px; } .c-comentarios .form-comentarios .c .campo-error img { width: 16px; height: 16px; margin: 0px!important; } .c-comentarios .form-comentarios .c .campo-error br { display: none; } .c-comentarios .form-comentarios .c .campo-error font { display: none; } /* |=================================== |@php class : clase.index.php |@html template : index.html |=================================== */ #index { } #index .slide-cont .video-slide{padding: 0;} #index .slide-cont .item-slide{display: flex; flex-flow: wrap; align-items: center; justify-content: center;} #index .slide-cont{background: hsla(357, 35%, 50%, 1); background: linear-gradient(0deg, hsla(357, 35%, 50%, 1) 0%, hsla(357, 88%, 37%, 1) 100%); background: -moz-linear-gradient(0deg, hsla(357, 35%, 50%, 1) 0%, hsla(357, 88%, 37%, 1) 100%); background: -webkit-linear-gradient(0deg, hsla(357, 35%, 50%, 1) 0%, hsla(357, 88%, 37%, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#AB5358", endColorstr="#B00B14", GradientType=1 ); padding: 20px 0;} #index .slide-cont .txt-slide h2{color: #FFF; font: 25px semi; text-align: left; margin: 0 0 1rem; line-height: 1;} #index .slide-cont .txt-slide p{font: 18px regular; color: #FFF; text-align: left; margin-bottom: 15px;} #index .slide-cont .txt-slide .ctn-btn{display: flex; justify-content: center;} #index .slide-cont .txt-slide .btn-slide{ background: -moz-linear-gradient(0% 50% 0deg, rgb(77, 194, 0) 12.31%, rgb(83, 202, 0) 68.59%, rgb(103, 226, 0) 93.47%, rgb(184, 240, 0) 100%); background: -webkit-linear-gradient(0deg, rgb(77, 194, 0) 12.31%, rgb(83, 202, 0) 68.59%, rgb(103, 226, 0) 93.47%, rgb(184, 240, 0) 100%); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0.1231, rgb(77, 194, 0)), color-stop(0.6859, rgb(83, 202, 0)), color-stop(0.9347, rgb(103, 226, 0)), color-stop(1, rgb(184, 240, 0))); background: -o-linear-gradient(0deg, rgb(77, 194, 0) 12.31%, rgb(83, 202, 0) 68.59%, rgb(103, 226, 0) 93.47%, rgb(184, 240, 0) 100%); background: -ms-linear-gradient(0deg, rgb(77, 194, 0) 12.31%, rgb(83, 202, 0) 68.59%, rgb(103, 226, 0) 93.47%, rgb(184, 240, 0) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4DC200', endColorstr='#B8F000' ,GradientType=0)"; background: linear-gradient(90deg, rgb(77, 194, 0) 12.31%, rgb(83, 202, 0) 68.59%, rgb(103, 226, 0) 93.47%, rgb(184, 240, 0) 100%); border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4DC200",endColorstr="#B8F000" , GradientType=1); border: none; color: #FFF; display: inline-flex; align-items: center; border-radius: 30px; -moz-border-radius: 30px; text-decoration: none; transition: 0.2s; text-align: center; justify-content: center; line-height: 1; padding: 7px 16px; font: 19px bold; width: 100%; } #index .slide-cont .txt-slide .btn-slide i{ font-size: 37px; margin-left: 10px; } #index .slide-cont .txt-slide .btn-slide:hover{ transform: scale(1.05); color: #FFF; } @media(max-width: 1219px){ #index .slide-cont .video-slide{padding-right: 15px;} } @media(max-width: 992px){ #index .slide-cont .txt-slide h2{ font-size: 22px; } #index .slide-cont .txt-slide p{ font-size: 17px; } } @media(max-width: 767px){ #index .slide-cont .item-slide{ flex-flow: wrap-reverse; } #index .slide-cont .video-slide{ margin: 40px 0 25px; } #index .slide-cont .txt-slide .btn-slide{ width: auto; } #index .slide-cont .txt-slide h2{ text-align: center; } #index .slide-cont .txt-slide p{ text-align: justify; } #index .slide-cont .video-slide{padding:0 15px;} } @media(max-width: 479px){ #index .slide-cont .video-slide{ margin-bottom: 18px; } #index .slide-cont .video-slide iframe, #index .slide-cont .video-slide video{ height: 300px; } #index .slide-cont .txt-slide h2{ font-size: 19px; } #index .slide-cont .txt-slide p{ font-size: 15px; } #index .slide-cont .txt-slide .ctn-btn{ padding: 0; } #index .slide-cont .txt-slide .btn-slide{ width: 100%; } } #index .contenedor:nth-child(1) { } #index .ctn-slide{position: relative;} #index .ctn-slide #carousel-custom-dots{position: absolute; width: 1140px; bottom: 0; left: 0; right: 0; z-index: 2; margin: 0 auto;} #index .ctn-slide #carousel-custom-dots li{float: left; height: 70px; margin: 1px; width: 33%; padding: 15px; transition: 0.8s ease all; background-color: rgba(102,102,102,0.9); position: relative; z-index: 10;} #index .ctn-slide #carousel-custom-dots li:hover{cursor: pointer; background-color: rgba(255,102,102,0.9); } #index .ctn-slide #carousel-custom-dots li.owl-dot .btn-dot{cursor:pointer;position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: transparent; border:none;} #index .ctn-slide #carousel-custom-dots li.owl-dot.active{background-color: rgba(255,102,102,0.9);} #index .ctn-slide #carousel-custom-dots li.owl-dot.active .ctn-img img{filter: grayscale(0);} /*#index .ctn-slide #carousel-custom-dots li .image{display: none;}*/ /*#index .ctn-slide #carousel-custom-dots li.owl-dot.active .ctn-img img.imagewhite{display: block;}*/ #index .ctn-slide #carousel-custom-dots li .ctn-img {float: left; margin-right: 15px; height: 50px; display: flex; align-items: center;} #index .ctn-slide #carousel-custom-dots li .ctn-txt{float: left; width: calc(100% - 135px); padding: 5px 10px; border-left: 1px solid #FFF;} #index .ctn-slide #carousel-custom-dots li .ctn-txt p{font-family: n-light; margin: 0; font-size: 13px; color: #FFF;} #index .ctn-slide #carousel-custom-dots li .ctn-img img{width: 120px; filter: grayscale(1);} #index #slide-homeppal .item .img img{height: 300px;} #index #slide-homeppal .item .ctn-txt{text-align: right; display: flex; padding: 0 15px; align-items: center; float: right; position: absolute; top: 0; height: 100%; left: 0; right: 0;} #index #slide-homeppal .item .ctn-txt::after {content: ""; background: url(../Imagenes/Sistema/bg-slidehome.png) no-repeat center right; background-size: contain; opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; } #index #slide-homeppal .item .ctn-txt p{font-family: n-light; font-size: 14px; color: #FFF;} #index #slide-homeppal .item .ctn-txt a{display: inline-block; font-family: n-semi; font-size: 15px ; color: #FFF; background-color: #b00b14; padding: 3px 30px; border-radius: 6px; margin-top: 10px;} #index #slide-homeppal .item .ctn-txt img{width: auto; float: left; position: relative; z-index: 1;} #index #slide-homeppal .item .ctn-txt .ctn{float: right; position: relative; z-index: 2; text-align: right; width: 35%;} #index .ctn-banners-wiblyx{margin-bottom: 20px;} #index .ctn-banner-temp{margin-bottom: 20px;} #index .block-portafolio {height: auto;overflow: hidden; padding: 30px 0 0;} #index .block-portafolio h2.title {font-family: n-bold; font-size: 26px; color: #d62629; text-align: center; text-transform: uppercase; margin-bottom: 45px;} #index .block-portafolio .item {padding: 0 10px 15px;position: relative;text-align: center;} #index .block-portafolio .item .link_item{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;} #index .block-portafolio .item .ctn-img{width: 100%; position: relative;} #index .block-portafolio .item .ctn-img img{max-width: 100%; } #index .block-portafolio .item .ctn-img .hover{position: absolute; display: flex; top: 0; align-items: center; justify-content: center; left: 0; width: 100%; height: 100%; } #index .block-portafolio .item .ctn-img .hover span{transform: scale(0); text-decoration: underline; color: #FFF; font-size: 23px; font-family: n-light; transition: 0.8s ease; display: block;} #index .block-portafolio .item:hover .ctn-img .hover{background-color: rgba(38,38,38,0.6);} #index .block-portafolio .item:hover .ctn-img .hover span{transform: scale(1,1);} #index .block-portafolio .data-item .logo { position: absolute; z-index: 1; margin: auto; left: 0; right: 0; top: -40px; display: block; } #index .block-portafolio .data-item {min-height: 180px; position: relative; padding: 50px 0px 20px;/* box-shadow: 0px 14px 10px -8px #adacac;background-color: rgba(246,246,246,0.9);overflow: hidden */} #index .block-portafolio .data-item p{font-family: n-light; font-size: 13px; color: #282828;} #index .block-portafolio .data-item h2 {padding: 0 0 1rem 0; font-family: n-bold; font-size: 20px; /*font: normal normal 1.8rem/1.8rem 'semibold',Arial;*/color: #b00b14;border:none;} #index .block-portafolio .data-item ul {padding: 0 0 0 5px} #index .block-portafolio .data-item ul li {margin: 5px 0;text-align: left;} #index .block-portafolio .data-item ul li a {padding: 0px;margin: 0px 0;display: block;font: normal normal 1.4rem/20px 'regular',Arial;color: #4d4d4f; } #index .block-portafolio .data-item ul li a:hover { color:#000; } #index .block-portafolio .data-item ul li a i {margin: 0 5px 0 0;float: left;font-size: 20px;color: #4d4d4f} #index .block-portafolio .data-item ul li a:hover i { color: #d42628;} #index .block-portafolio .data-item a.boton {width: 35%;padding: 5px 10px;margin: 0px auto 0;display: block;position: absolute;bottom: 30px;left: 0;right: 0;font: normal normal 14px/18px 'semibold',Arial;color: #FFF;background-color: #d62629; border-radius: none !important; } #index .block-portafolio .data-item a.boton:hover{text-decoration: none; background-color: #d80e15;} #index .contenedor{padding: 0px;} #index .contenedor:nth-child(2) { } #index .contenedor:nth-child(2) .center { overflow: visible } #index .block-proyectos { padding: 0;margin-top: 20px;/*border-top: 1px solid #bec0c2 */} #index .block-proyectos .heading {padding: 10px 0;margin: 10px 0;position: relative;overflow: hidden} #index .block-proyectos .heading a.button {padding: 5px 20px;margin: 0;float: right; display: block;/* font: normal normal 14px/15px 'semibold',Arial;*/color: #FFF;background-color: #d62629 } #index .block-proyectos .heading h2 {padding: 0px;margin: 0px 0; /*font: normal normal 18px/25px 'semibold',Arial;*/font-family: n-bold; font-size: 26px; color: #d62629; text-align: center; text-transform: uppercase; margin-bottom: 45px;} #index .block-proyectos .ctn-tabs{background-color: rgba(0,0,0,0.1); padding: 5px 0;} #index .block-proyectos .tabs { margin: 0 10px 0 0;float: right; overflow: hidden } #index .block-proyectos .tabs li { float: left; } #index .block-proyectos .tabs li:last-child{border-right: none;} #index .block-proyectos .tabs li + li { border-right: 1px solid #bec0c2 } #index .block-proyectos .tabs li:hover { cursor: pointer } #index .block-proyectos .tabs li.active { background-color: #d62629; } #index .block-proyectos .tabs li.active a { color: #FFF; text-decoration: none; } #index .block-proyectos .tabs li a { padding: 5px 15px;display: block; font-family: n-regular; font-size:17px; /* font: normal normal 15px/15px 'regular',Arial;*/color: #000; } #index .block-proyectos .tabs-contenido {padding: 0px;margin: 0;} #index .block-proyectos .tabs-contenido .tcontenido {display:none;} #index .block-proyectos .tabs-contenido .tcontenido.active {display:block;} #index .block-proyectos .tabs-contenido .apps { position: relative } #index .block-proyectos .tabs-contenido .slide { width: 100%; } #index .block-proyectos .tabs-contenido .slide-proyectos { } #index .block-proyectos .tabs-contenido .slide-proyectos .it { position: relative;} #index .block-proyectos .tabs-contenido .slide-proyectos .it .img{ } #index .block-proyectos .tabs-contenido .slide-proyectos .it .content{ position: absolute; z-index: 3; top: 0; right: 0; width: 100%;} /*#index .block-proyectos .tabs-contenido .slide-proyectos .it .content .item { margin: 10px 10px; float: right; margin-left: 62%; margin-top: 60px; margin-right: 40px; overflow: hidden; padding-bottom: 10px; }*/ #index .block-proyectos .tabs-contenido .slide-proyectos .it .content .item { margin: 10px 10px; float: right; margin-top: 60px; margin-right: 40px; overflow: hidden; padding-bottom: 10px; width: 36%;} #index .block-proyectos .tabs-contenido .slide-proyectos .it .content .item h2 a{text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.8); padding: 0px;margin: 0; font: normal normal 26pt/26pt 'semibold',Arial;color:#FFF;overflow: hidden } #index .block-proyectos .tabs-contenido .slide-proyectos .it .content .item p { } #index .block-proyectos .tabs-contenido .slide-proyectos .it .content .item p:nth-of-type(1) { text-shadow: 1px 2px 3px #000; padding: 0;margin: 5px 0; font: normal normal 18px/26px 'regular', Arial; color:#FFF; } #index .block-proyectos .tabs-contenido .slide-proyectos .it .content .item p:nth-of-type(1) span {padding: 4px 10px;margin: 0 10px 0 0;float: left;display: block; font: normal normal 16px/18px 'semibold', Arial; color:#FFF;background-color: #d62629 } #index .block-proyectos .tabs-contenido .slide-proyectos .it .content .item p:nth-of-type(2) { text-shadow: 1px 2px 3px #000; padding: 0px;margin: 0px 0 0; font: normal normal 14px/20px 'regular',Arial; color:#FFF } #index .block-proyectos .tabs-contenido .slide-proyectos .owl-controls { } #index .block-proyectos .tabs-contenido .slide-proyectos .owl-controls .owl-page span{ width: 15pt; height: 15pt;} #index .block-proyectos .tabs-contenido .slide .pagination { margin: 0;position: absolute;bottom: 120px; right: 200px; } #index .block-proyectos .tabs-contenido .slide .pagination a.boton { width: 24px;height: 24px;margin: 0 4px;float: left; display: block;background-image: url('../Imagenes/Sistema/pagination.png');background-repeat: no-repeat } #index .block-proyectos .tabs-contenido .slide .pagination a.active { background-image: url('../Imagenes/Sistema/pagination-active.png');background-repeat: no-repeat } #index .proyectos .slide-proy .proyecto .info { width: 242px; height: 103px; position: absolute; bottom: 0; } #index .proyectos .slide-proy .proyecto .imagen {position: relative; } #index .proyectos .slide-proy .proyecto .imagen .marcanuevo{position: absolute; top:0px; right:0px; } #index .proyectos .slide-proy .proyecto .info .logo { box-shadow: 5px 5px 5px 0px gray; width: 115px; height: 103px; background-color: #fff; float: left; position: relative; text-align: center;} #index .proyectos .slide-proy .proyecto .info .logo img {margin-top: 8px;} #index .proyectos .slide-proy .proyecto .info .logo span{ width: 115px; height: 27px; text-align: center; display: table-cell; vertical-align: middle; font-size: 13px; font-family: regular; line-height: 13px; color:#000; } #index .proyectos .slide-proy .proyecto .info .texto {height: 86px; overflow: hidden; width:1px; opacity: 0; padding: 10px 10px 7px 7px; background-color: rgba(243,160,29,0.8); float: left; } #index .proyectos .slide-proy .proyecto .info .texto .nombre{opacity: 0; color: #FFF; color: #FFF; font-size: 16px; line-height: 16px; } #index .proyectos .slide-proy .proyecto .info .texto .nombre span{font-size: 12px; display: block; line-height: 12px; margin-top:5px; } #index .proyectos .slide-proy .proyecto .info .texto .ver{ opacity: 0; font-size: 10px; background-position: right top; color: #FFF; padding: 9px 12px 9px 3px; background-size: 130px auto; display: block; background-repeat: no-repeat; background-image: url('../Imagenes/Sistema/boton-mas2.png'); position: absolute; bottom: 3px; } #index .proyectos .slide-proy .proyecto:hover .info .texto {width: 110px; opacity: 1; transition: width 0.2s; } #index .proyectos .slide-proy .proyecto:hover .info .texto .nombre{ opacity: 1; transition: opacity 0.5s; transition-delay: 0.2s; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0.2s; } #index .proyectos .slide-proy .proyecto:hover .info .texto .ver { opacity: 1; transition: opacity 0.5s; transition-delay: 0.2s; -webkit-transition: opacity 0.5s; -webkit-transition-delay: 0.2s;} #index .proyectos .slide-proy .izq { z-index: 10; position: absolute; top: 80px; left: 0; height: 78px; width: 50px; background-image: url('../Imagenes/Sistema/flecha-slide2-izq.png'); background-repeat: no-repeat; background-position: left top;} #index .proyectos .slide-proy .der { position: absolute; top: 80px; right: 0; height: 78px; width: 50px; background-image: url('../Imagenes/Sistema/flecha-slide2-der.png'); background-repeat: no-repeat; background-position: right top;} #index .contenedor:nth-child(4) {padding: 20px 0 20px 0;overflow: hidden} #index .block-articulos {padding: 0 10px 0 0px; } #index .block-articulos .col { padding: 0; } #index .block-articulos .c-articulo {padding-left: 0; padding-right: 30px;} #index .block-articulos .c-blog {padding-left: 0px; padding-right: 0px;} #index .block-articulos h2 {padding: 0px;margin: 10px 0px 20px;font-family: n-bold; font-size: 26px; color: text-transform: uppercase;color: #d62629; text-align: center;/*font: normal normal 16px/16px 'semibold',Arial;*/ } #index .block-articulos .list-items {/*height: 366px;*/padding: 0px;position: relative;} #index .block-articulos .item {padding: 5px;margin-bottom:15px; position: relative; overflow: hidden;} #index .block-articulos .item:nth-child(2n+1) {padding-left: 0; padding-right: 25px; } #index .block-articulos .item:nth-child(2n+2) {padding-left: 25px; padding-right: 0; } #index .block-articulos .item .data-img { padding: 0px; float: left; width: 100%;} #index .block-articulos .item .data-img img{width: 100%;} #index .block-articulos .item .data-item { width: 100%;padding: 0px;margin: 0px 0 0 0;overflow: hidden } #index .block-articulos .item .data-item h4 { min-height: 60px; padding: 10px; background-color: rgba(176,11,20,0.7); overflow: hidden; margin-bottom: 5px;} #index .block-articulos .item .data-item h4 a { padding: 0;margin: 0;display: block; font-family: n-bold; font-size: 18px; /*font: normal normal 16px/20px 'semibold',Arial;*/color: #fff;} #index .block-articulos .item .data-item p { margin: 0; font-family: n-bold; font-size: 15px; color: rgba(176,11,20,0.7); padding: 0 10px;} #index .block-articulos .item .data-item .preview{font-family: n-light; font-size: 14px; color: #282828; padding: 0 10px; min-height: 58px;} #index .block-articulos .item a.btn-view {width: 0; height: 0;position: absolute;top: 0;right: 0;text-align: center;border-top: 38px solid rgba(51,51,51,0.4); border-left: 50px solid transparent;} #index .block-articulos .item a.btn-view i {position: absolute;bottom: 18px;right: 6px;font-size: 16px;color: #FFF} #index .block-articulos .item:hover a.btn-view {border-top-color: #d62629;} #index .block-articulos .list-items a.boton {;padding: 5px 20px;margin: 10px 10px 0; display: inline-block; font-family: n-semi; color: #FFF;background-color: #d62629; border-radius: 5px;} #index .block-articulos .list-items a.boton i{margin-left: 20px; vertical-align: middle;} #index .block-articulos .articulo {padding: 0px;position: relative;border: none;} #index .block-articulos .articulo img { padding: 0px; } /*#index .block-articulos .articulo .data-item h4 { max-height: 60px; padding: 10px 15px; background-color: rgba(176,11,20,0.7); overflow: hidden }*/ #index .block-articulos .articulo .data-item h4 {padding: 10px 15px; background-color: rgba(176,11,20,0.7); overflow: hidden } #index .block-articulos .articulo .data-item h4 a { padding: 0;margin: 0;display: block; font-family: n-bold; font-size: 20px; /*font: normal normal 18px/20px 'semibold',Arial;*/color: #FFF; } #index .block-articulos .articulo .data-item > p {margin: 5px 0;/*font: normal normal 12px/14px 'it',Arial;*/ font-family: n-bold; font-size: 15px; color: rgba(176,11,20,0.7); padding: 0 15px;} #index .block-articulos .articulo .data-item .preview {font-family: n-light; font-size: 15px; color: #333333; padding: 0 15px;} #index .block-articulos .articulo .data-item .preview p {/*font: normal normal 13px/18px 'regular',Arial;*/font-family: n-regular; text-transform: uppercase;color: #888889;} #index .block-articulos .articulo .data-item a.boton {padding: 5px 20px;margin: 0; margin: 10px 15px 0; display: inline-block; /*font: normal normal 14px/14px 'semibold',Arial;*/font-family: n-semi; border-radius: 5px; color: #FFF;background-color: #d62629;} #index .block-articulos .articulo .data-item a.boton i{margin-left: 20px; vertical-align: middle;} #index .block-articulos .item .btn { padding: 6px 15px 4px 20px;margin: 5px 0 0 0; display: block;float: left; font: normal normal 16px/20px 'regular',Arial;text-align: center;text-transform: uppercase;color: #3b3c3b;cursor: pointer;border-radius: 10px; background-color: #e2e3e4;-o-transition: all .5s ease .5s; -ms-transition: all .5s ease .5s; -moz-transition: all .5s ease .5s; -webkit-transition: all .5s ease .5s; transition: all .5s ease .5s; } #index .block-articulos .item .btn i { margin: 0 0 0 5px;float: right;font-size: 20px;color: #72bf47;-o-transition: all .5s ease .5s; -ms-transition: all .5s ease .5s; -moz-transition: all .5s ease .5s; -webkit-transition: all .5s ease .5s; transition: all .5s ease .5s; } #index .block-articulos .item .btn:hover { color: #FFF;background-color: #72bf47 } #index .block-articulos .item .btn:hover i { color: #e2e3e4; } #index .block-articulos .ctn_slide .padd_slide{margin-bottom: 35px;} #index .block-articulos .ctn_slide .padd_slide .item{padding: 0; margin-bottom: 0;} #index .block-articulos .ctn_slide .padd_slide .item .link-hover{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #index .block-articulos .ctn_slide .padd_slide .item-eventos{position: relative;} #index .block-articulos .ctn_slide .padd_slide .item-eventos .ctn-hover{opacity: 1; background-color: rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; top: 0; left: 0;} #index .block-articulos .ctn_slide .padd_slide .item-eventos .ctn-hover .ctn-info-padd{position: relative; height: 100%;} #index .block-articulos .ctn_slide .padd_slide .item-eventos .ctn-hover .ctn-info-padd .ctn-info{position: absolute; bottom: 0; left: 0} #index .block-articulos .ctn_slide .padd_slide .item-eventos .ctn-hover .ctn-info-padd .ctn-info h3{font-family: n-bold; color: #FFF; font-size: 34px; text-align: right;} #index .block-articulos .ctn_slide .padd_slide .item-eventos .ctn-hover .ctn-info-padd .ctn-info p{font-family: n-light; color: #FFF; font-size: 15px; text-align: right;} #index .block-articulos .ctn_slide .padd_slide .item-eventos .ctn-hover .ctn-info-padd .ctn-info-sup{position: absolute; top: 7px; left: 0} #index .block-articulos .ctn_slide .padd_slide .item-eventos .ctn-hover .ctn-info-padd .ctn-info-sup h3{font-family: n-regular; color: #FFF; font-size: 15px; text-align: left; text-shadow: 2px 2px 2px #000000;} #index .block-articulos .ctn_slide .padd_slide .item:hover .item-eventos .ctn-hover{opacity: 0 ;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;} #index .block-articulos .ctn_slide .ctn-btn{text-align: center;} #index .block-articulos .ctn_slide .ctn-btn .vermas_eventos{display: inline-block; background-color: #b00b14; border-radius: 8px; padding: 5px 20px; color: #FFF; font-size: 20px; text-align: center; font-family: n-semi} #index .block-clientes { padding: 0 0 0 0px; margin-bottom: 60px; } #index .block-clientes h2 {padding: 0px;margin: 10px 0px 30px;/*font: normal normal 16px/16px 'semibold',Arial;*/font-family: n-bold; font-size: 26px; color: text-transform: uppercase;color: #d62629; text-align: center;} /*#index .block-clientes .list-items { height: 372px; padding: 5px;border: 1px solid #b5b5b5;background-color: #FFF;overflow: hidden}*/ #index .contenedor .list-clientes{background-color: #f6f6f6;} #index .block-clientes .owl-carousel .item img{filter: grayscale(100%); width: auto; display: block; margin: 0 auto;} #index .block-clientes .owl-carousel .item:hover img{filter: grayscale(0%);} #index .block-clientes .owl-carousel .owl-nav{position: absolute; top: 32px; left: 0; right: 0; } #index .block-clientes .owl-carousel .owl-nav [class*=owl-]{background-color: transparent; opacity: 1; padding: 0; margin: 0; position: absolute; } #index .block-clientes .owl-carousel .owl-nav [class*=owl-prev]{left: -25px;} #index .block-clientes .owl-carousel .owl-nav [class*=owl-next]{right: -25px;} #index .block-clientes .list-items{padding-left: 25px; padding-right: 25px;} #index .block-clientes .list-items ul {overflow: hidden; margin: 0; padding: 0;} #index .block-clientes .list-items li { margin: 0; padding: 4px; text-align: center; } #index .block-clientes .list-items li img{ display: inline-block;} #index .block-clientes .list-items a.boton {padding: 5px 20px;margin: 0;display: block; position: absolute; bottom: 5px; right: 5px; font: normal normal 14px/14px 'semibold',Arial;color: #FFF;background-color: #d62629} @media(max-width: 992px){ #index .ctn-slide .dots{width: 100%; overflow-x: scroll;} #index .ctn-slide #carousel-custom-dots{position: static;} #index .block-proyectos .tabs {width: max-content;} #index .block-proyectos .ctn-tabs {overflow: scroll;} #index .block-proyectos .tabs{width: max-content; float: none;} #index .block-articulos .item:nth-child(2n+1) {padding-left: 0; padding-right: 0; } #index .block-articulos .item:nth-child(2n+2) {padding-left: 0; padding-right: 0; } } @media(max-width: 767px){ #index .block-articulos .c-articulo{padding-right: 0;} #index .block-articulos .c-blog{padding-left: 0;} #index .block-articulos .item:nth-child(2n+1){padding-right: 0px; padding-left: 10px;} #index .block-articulos .item:nth-child(2n+2){padding-left: 10px;} #index .block-articulos .articulo .data-item h4 a{font-size: 16px;} #index .block-articulos .item .data-item h4{max-height: none;} #index .block-articulos .item .data-item h4 a{font-size: 15px;} #index .ctn-slide #carousel-custom-dots li{width: 320px; padding: 10px;} #index .ctn-slide #carousel-custom-dots li .ctn-txt p{font-size: 12px;} #index #slide-homeppal .item .img img{height: 140px;} #index #slide-homeppal .item .ctn-txt {position: static; padding: 5px 15px; background-color: rgba(38,38,38,0.6);} #index #slide-homeppal .item .ctn-txt img{width: 130px; margin: 0 auto; display: block; float: none;} #index #slide-homeppal .item .ctn-txt .ctn {width: 100%; text-align: justify; float: left;} #index #slide-homeppal .item .ctn-txt::after {background:none;} } @media(max-width: 479px){ /*#index .block-articulos .item{height: 345px;}*/ #index .block-portafolio h2.title{font-size: 24px; margin-bottom: 30px;} #index .block-portafolio .data-item{min-height: 0;} #index .block-articulos .item:nth-child(2n+1){padding-left: 0;} #index .block-articulos .item:nth-child(2n+2){padding-left: 0;} } /* |==================================== |@php class : clase.articulos.php |@method : |@html template : articulos.html |==================================== */ #articulos { } #articulos .tit-seccion h1.c-title { margin: 5px 0 10px;background-color: #fbae17; } #articulos .tit-seccion h1.c-title i { background-color: #f58c20; } .item-articulo { padding: 20px 40px;margin: 10px;position: relative;overflow: hidden; background-color: #edf7fa; border-radius: 20px 20px 20px 0; -webkit-border-radius: 20px 20px 20px 0; -moz-border-radius: 20px 20px 20px 0; } .item-articulo img { width: auto;padding: 15px;margin: 0 10px 0px 0;float: left; background-color: #F3F4F4;box-shadow: 0 0 1px #C2C2C2;border-radius: 20px 20px 20px 0;-webkit-border-radius: 20px 20px 20px 0;-moz-border-radius: 20px 20px 20px 0; } .item-articulo .content { width: 50%;float: right; } .item-articulo .c-texto {width: 100%;height: 200px; padding: 10px;margin: 0 0px 0 0;float: right;overflow: hidden; } .item-articulo .c-texto h2 { height: 48px;padding: 0;margin: 0px 0 0; font: normal normal 20px/24px 'semi', Arial; color:#000 } .item-articulo .c-texto p { margin: 10px 0 0;font: normal normal 15px/22px 'regular', Arial; color:#4D4D4D } .item-articulo .c-data { float: right; } .item-articulo .c-data .i-comment { padding: 0 0px;margin: 0 0 0 5px;float: right; text-align: center;position: relative; } .item-articulo .c-data .i-comment .counter { padding: 0px;display: inline-block; font: normal normal 24px/24px 'bold',Arial;color: #231F20; } .item-articulo .c-data .i-comment i { padding: 0px;margin: 0 5px 0 0;float: left; display: block; font-size: 24px;line-height: 24px; color: #231F20; } .item-articulo .c-data .i-date { padding: 0 10px;margin: 0px;float: left;display: block;text-align: center; font: normal normal 15px/18px 'bold',Arial;color: #231F20; } .item-articulo .c-data .i-date .label { margin: 0 5px;display: inline-block; font: normal normal 16px/18px 'bold',Arial;color: #231F20; } .item-articulo .c-data .i-date .format { padding: 0px;display: inline-block; font: normal normal 24px/24px 'bold',Arial;color: #231F20; } .item-articulo .c-data .i-date .format > span { font: normal normal 16px/22px 'semi',Arial; } .item-articulo .c-data .i-date i { padding: 0px; margin: 0 0px 0 0;float: left;display: inline-block; font-size: 24px;line-height: 24px; color: #231F20; } .item-articulo .c-data .i-link { padding: 0 20px;margin: 10px 0 0 0;float: right;display: block;text-align: center; font: normal normal 15px/15px 'bold',Arial;background-color: #D1223E;-webkit-border-radius: 20px 20px 20px 0;-moz-border-radius: 20px 20px 20px 0;border-radius: 20px 20px 20px 0;cursor: pointer; *width: 120px; } .item-articulo .c-data .i-link .label { padding: 0 10px;float: left;display: block; font: normal normal 16px/32px 'semi',Arial;color: #FFF; } .item-articulo .c-data .i-link i { padding: 0px;margin: 0 10px 0 0;float: right; display: block; font-size: 20px;line-height: 32px; color: #FFF; } .item-articulo .c-data .i-link:hover { background-color: #A5162E; } .item-articulo ul{ padding:0; margin:0; float:left; clear:both; list-style-type:none; } .item-articulo ul li{ float:left; margin-right:5px; } .item-articulo ul li.com{ padding-left:20px; color: #CCC; background-image: url(../Imagenes/Sistema/rutas/icono_comentarios.png); background-repeat: no-repeat; background-position: left center; } .link-articulo { float: right; padding-top: 5px; } .link-articulo a{ width: auto; height: auto; padding: 4px 20px; float: left; font: normal normal 15px/26px 'semi'; color: #58595B; border:1px solid #d6d6d6; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; background-color: #efefef; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #dedede)); background-image: -webkit-linear-gradient(top, #efefef, #dedede); background-image: -moz-linear-gradient(top, #efefef, #dedede); background-image: -ms-linear-gradient(top, #efefef, #dedede); background-image: -o-linear-gradient(top, #efefef, #dedede); background-image: linear-gradient(top, #efefef, #dedede);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#efefef, endColorstr=#dedede); } .link-articulo a:hover { border:1px solid #d6d6d6; background-color: #efefef; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%, #c5c5c5)); background-image: -webkit-linear-gradient(top, #efefef, #c5c5c5); background-image: -moz-linear-gradient(top, #efefef, #c5c5c5); background-image: -ms-linear-gradient(top, #efefef, #c5c5c5); background-image: -o-linear-gradient(top, #efefef, #c5c5c5); background-image: linear-gradient(top, #efefef, #c5c5c5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#efefef, endColorstr=#c5c5c5); } .link-articulo a span{color: #fff; background: #000;margin: 0 0 0 5px; display: block; width: 19px; text-align: center;float:right; } .link-articulo a:hover span{background: #C00; } #articulos ul.filter{ margin: 6px; padding: 0; list-style-type: none; overflow: hidden; margin-bottom:15px; } #articulos ul.filter li{ } #articulos ul.filter li a{ display: block; padding: 2px 10px; float: left; margin: 0 5px; color: #000; font-family: trebuchet MS; font-size: 13px; font-weight: normal; text-decoration: none; } #articulos ul.filter li a:hover{ background-color: #333; color: #FFF;border-radius: 2px;} #articulos ul.filter li a.activa{ background-color: #000;color: #FFF;border-radius: 2px; } /* |==================================== |@php class : clase.articulos.php |@method : |@html template : articulos-ver.html |==================================== */ .item-articulo-rel { width: 435px;height: 180px;float: left; padding: 20px 20px;margin: 10px;position: relative; background-color: #edf7fa; border-radius: 20px 20px 20px 0; -webkit-border-radius: 20px 20px 20px 0; -moz-border-radius: 20px 20px 20px 0; *height: 190px; } .item-articulo-rel img { width: auto;padding: 10px;margin: 0 0px 0px 0;float: left; background-color: #F3F4F4;box-shadow: 0 0 1px #C2C2C2;border-radius: 20px 20px 20px 0;-webkit-border-radius: 20px 20px 20px 0;-moz-border-radius: 20px 20px 20px 0; } .item-articulo-rel .content { width: 46%;float: right; } .item-articulo-rel .content h2 { height: auto;padding: 0;margin: 0px 0 0; font: normal normal 18px/20px 'semi', Arial;color:#000 } .item-articulo-rel .c-items { margin: 0; position: absolute;right: 20px;bottom: 20px; *width: 40%; } .item-articulo-rel .c-items .i-comment { padding: 0 0px;margin: 0 0 0 0px;float: left; text-align: center;position: relative; } .item-articulo-rel .c-items .i-comment .counter { padding: 0px;display: inline-block; font: normal normal 12px/18px 'bold',Arial;color: #231F20; } .item-articulo-rel .c-items .i-comment i { padding: 0px;margin: 0 5px 0 0;float: left; display: block; font-size: 12px;line-height: 18px; color: #231F20; } .item-articulo-rel .c-items .i-date { padding: 0 0px;margin: 0px;float: left;display: block;text-align: center; } .item-articulo-rel .c-items .i-date .label { margin: 0 5px;display: inline-block; font: normal normal 12px/18px 'bold',Arial;color: #231F20; } .item-articulo-rel .c-items .i-date .format { padding: 0px;display: inline-block; font: normal normal 12px/22px 'bold',Arial;color: #231F20; } .item-articulo-rel .c-items .i-date .format > span { font: normal normal 12px/22px 'semi',Arial; } .item-articulo-rel .c-items .i-date i { padding: 0px; margin: 0 0px 0 0;float: left;display: inline-block; font-size: 18px;line-height: 18px; color: #231F20; } .item-articulo-rel .c-items .i-link { padding: 0 20px;margin: 5px 0 0 0;float: right;display: block;text-align: center; font: normal normal 15px/15px 'bold',Arial;background-color: #D1223E;-webkit-border-radius: 15px 15px 15px 0;-moz-border-radius: 15px 15px 15px 0;border-radius: 15px 15px 15px 0;cursor: pointer; *width: 120px; } .item-articulo-rel .c-items .i-link .label { padding: 0 5px;float: left;display: block; font: normal normal 14px/28px 'semi',Arial;color: #FFF; } .item-articulo-rel .c-items .i-link i { padding: 0px;margin: 0 10px 0 0;float: right; display: block; font-size: 18px;line-height: 28px; color: #FFF; } .item-articulo-rel .c-items .i-link:hover { background-color: #A5162E; } .item-articulo ul{ padding:0; margin:0; float:left; clear:both; list-style-type:none; } .item-articulo ul li{ float:left; margin-right:5px; } .item-articulo ul li.com{ padding-left:20px; color: #CCC; background-image: url(../Imagenes/Sistema/rutas/icono_comentarios.png); background-repeat: no-repeat; background-position: left center; } .link-articulo { float: right; padding-top: 5px; } .link-articulo a{ width: auto; height: auto; padding: 4px 20px; float: left; font: normal normal 15px/26px 'semi'; color: #58595B; border:1px solid #d6d6d6; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; background-color: #efefef; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #dedede)); background-image: -webkit-linear-gradient(top, #efefef, #dedede); background-image: -moz-linear-gradient(top, #efefef, #dedede); background-image: -ms-linear-gradient(top, #efefef, #dedede); background-image: -o-linear-gradient(top, #efefef, #dedede); background-image: linear-gradient(top, #efefef, #dedede);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#efefef, endColorstr=#dedede); } .link-articulo a:hover { border:1px solid #d6d6d6; background-color: #efefef; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%, #c5c5c5)); background-image: -webkit-linear-gradient(top, #efefef, #c5c5c5); background-image: -moz-linear-gradient(top, #efefef, #c5c5c5); background-image: -ms-linear-gradient(top, #efefef, #c5c5c5); background-image: -o-linear-gradient(top, #efefef, #c5c5c5); background-image: linear-gradient(top, #efefef, #c5c5c5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#efefef, endColorstr=#c5c5c5); } .link-articulo a span{color:#fff; background:#000000;margin:0 0 0 5px; display:block; width:19px; text-align:center ; float:right;} .link-articulo a:hover span{background:#C00;} /* |=================================== |@php class : clase.archivos.php |@html template : archivos.html |=================================== */ .archivos { float: left; padding:0; margin:0; list-style-type:none; } .archivos .listado { float: left; padding-bottom: 30px; } .archivos .listado .categorias { float: left; width: 180px; background-color: #eae9e3; margin-right: 20px; padding: 15px 0px 15px 15px; } .archivos .listado .categorias .listado-0 { background-color: #666666; } .archivos .listado .categorias .listado-0 li a { font-weight: 700; font-size: 16px; font-family: "Trebuchet MS"; color: #ffffff; display: block; padding: 6px; height: 21px; } .archivos .listado .categorias .listado-0 li a:hover { color: #ffffff; text-decoration: none; background-color: #999999; background-image: url("../Imagenes/Sistema/fondo-menu-normal.jpg"); background-repeat: repeat-x; text-transform: uppercase; } .archivos { overflow-x: hidden; overflow-y: hidden; } .archivos li { overflow-x: hidden; overflow-y: hidden; min-height: 240px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #ccc; padding: 10px; float: left; margin-right: 4px; margin-left: 4px; width: 185px; } .archivos li:hover { background-color: #f0f0f0; } .archivos li h2 { font-weight: normal; font-size: 18px; color: #000000; margin: 5px 0px 2px; text-align:left; line-height:18px; } .archivos li h2 em { font-weight: 700; font-size: 14px; font-family: "Trebuchet MS"; color: #666666; } .archivos li img { margin: 5px 10px 0px 0px; } .archivos li .imagen { height: 76px; } .archivos li span { display: block; } .archivos li p { width: 60%; display: block; font-size: 13px; color: #ffffff; font-weight: 700; } .archivos li a { color: #000000; font-weight: 700; display: block; margin-top: 5px; text-align: right; background-image: url("../Imagenes/Varias/SelectorAbajoSobre.gif"); background-repeat: no-repeat; background-position: 100% 0%; padding-right: 22px; height: 17px; padding-top: 3px; } .lista-archivos { width: 672px; } .lista-archivos li.item-norma{ margin: 15px 0; } .lista-archivos .listado { float: left; padding-bottom: 30px; } .lista-archivos .listado .categorias { float: left; width: 180px; background-color: #eae9e3; margin-right: 20px; padding: 15px 0px 15px 15px; } .lista-archivos .listado .categorias .listado-0 { background-color: #666666; } .lista-archivos .listado .categorias .listado-0 li a { font-weight: 700; font-size: 16px; font-family: "Trebuchet MS"; color: #ffffff; display: block; padding: 6px; height: 21px; } .lista-archivos .listado .categorias .listado-0 li a:hover { color: #ffffff; text-decoration: none; background-color: #999999; background-image: url("../Imagenes/Sistema/fondo-menu-normal.jpg"); background-repeat: repeat-x; text-transform: uppercase; } .lista-archivos li { padding: 0 10px; margin: 5px 0; float: none !important; background-color: #f0f0f0; overflow-x: hidden; overflow-y: hidden; } .lista-archivos li:hover { background-color: #f9f9f9; } .lista-archivos li h2 { font-weight: 700; font-size: 14px; font-family: "Trebuchet MS"; color: #666; margin: 5px 0px 2px; } .lista-archivos li h2 em { font-weight: 700; font-size: 14px; font-family: "Trebuchet MS"; color: #666; } .lista-archivos li .imagen { float: left; } .lista-archivos li .imagen img{ } .lista-archivos li span { display: block; } .lista-archivos li p { margin: 10px 0 0 0; float: left; font: normal normal 13px/26px 'semi'; color: #333; } .lista-archivos li a { padding: 5px 35px 5px 0; margin: 0px; float: right; display: block; font: bold normal 13px/40px 'semi'; color: #000; text-align: right; background-image: url("../Imagenes/Varias/DescargarArchivo.png"); background-repeat: no-repeat; background-position: right center; } /* |=================================== |@php class : clase.articulos.php |@html template : |@note : albumes |=================================== */ .imagenes{ } .imagenes h1{ font-family:regular; font-weight:normal; font-size:24px; margin-bottom:10px;} .imagenes .album{ background-color:#eef0f2; padding:10px 50px; margin-bottom:15px; box-shadow: 2px 2px 4px #888; position: relative; } .imagenes .album h2{font-family:semi; font-weight:normal; font-size:20px;} .imagenes .album .fecha{ font-style:italic; font-size:11px; color:#666;} .imagenes .album .desc{ color:#333333; margin-bottom:10px;} .imagenes .album ul{ margin:0; padding:0; list-style-type:none; } .imagenes .album ul li { margin:0; padding:0; float:left; } .imagenes .album .previas img{ border: solid 4px #dde1e2; margin:2px; } .listado-1 { display: block; padding:0; margin:0; list-style-type:none; } .item-album { overflow-x: hidden; overflow-y: hidden; margin-top: 10px; margin-bottom: 10px; padding: 5px; border-bottom : 1px solid #cccccc; } .item-album h2 { font-family : 'negrita'; font-size: 18px; color: #2C4266; font-weight: normal; margin-bottom: 5px; } .item-album span.fecha { margin: 0 0 10px 0; display: none; font: normal 14px ; color: #666; } .item-album .previas { overflow-x: hidden; overflow-y: hidden; clear: both; float: left; } .item-album .previas ul{padding:0; margin:0; list-style-type:none;} .item-album .desc { margin-left: 10px; float: left; width: 450px; } .item-album a.masalbum { display: block; float: right; font-weight: 700; margin-top: 15px; } .minuatura-imagen { width: 155px; float: left; text-align: center; height:121px; } .minuatura-imagen p { font: normal; color: #666; text-align: center; display: none; } .carrusel-album .item { float: left; margin: 0px; padding: 5px 0px 0px 5px; background: #ffffff; height: 140px !important; } .carrusel-album .item img { margin-top: auto; margin-bottom: auto; } .carrusel-album .flecha-izquierda { float: left; position: absolute; z-index: 1; left:0px; top:5px; } .carrusel-album .flecha-derecha { float: left; position: absolute; z-index: 1; right:0px; top:5px; } .carrusel-album .flecha-izquierda a { display: block; background: url("../Imagenes/Sistema/album-ant.png") no-repeat; width: 30px; height: 51px; margin: 8px 2px 0px 3px; margin-top: 37px; } .carrusel-album .flecha-derecha a { display: block; background: url("../Imagenes/Sistema/album-sig.png") no-repeat; width: 30px; height: 51px; margin: 8px 2px 0px 3px; margin-top: 37px;} .carrusel-album .carousel-wrap { height: 140px !important; margin-right: 10px; } /* |================================ |@php class : clase.vista.php |@html template : vista.html |================================ */ #vistas { } #vistas .tit-seccion { position: relative; } #vistas .tit-seccion h1.c-title { margin: 5px 0 10px;background-color: #BED630; } #vistas .tit-seccion i { padding: 10px; margin: 0;position: absolute;bottom: -4px;left: -4px;z-index: 1; font-size: 24px;color: #FFF;background-color: #86AF32; border: 4px solid #FFF;-webkit-border-radius: 20px 20px 20px 0;-moz-border-radius: 20px 20px 20px 0;border-radius: 20px 20px 20px 0; } #vistas .contenedor{ margin: 0px auto; overflow: hidden; } #vistas .vista { } #vistas .vista .contenedor-vista { width: auto; height: 480px;padding: 0px;overflow: hidden; } #vistas .vista .contenedor-vista embed { width: 985px; height: 460px;padding: 15px;margin: auto;background-color: #F3F4F4;box-shadow: 0 0 1px #C2C2C2;border-radius: 20px 20px 20px 0;-webkit-border-radius: 20px 20px 20px 0;-moz-border-radius: 20px 20px 20px 0; } #vistas .vistas-listado { height: auto;padding: 0;margin: 0px;position: relative; background-color: #F3F4F4;box-shadow: 0 0 1px #C2C2C2;border-radius: 0px 20px 20px 0;-webkit-border-radius: 0px 20px 20px 0;-moz-border-radius: 0px 20px 20px 0; } #vistas .vistas-listado h3{ font-family:"titulos2",Arial; font-size:1.6em; font-weight:normal; padding: 0px 0 10px 0; color: #333; } #vistas .vistas-listado ul{ margin:0; padding:0;} #vistas .vistas-listado ul li { width: 202px; height: auto;padding: 10px;margin: 0; float: left; text-align: center; } #vistas .vistas-listado ul li a.play { width: auto;height: auto; margin: auto;display:block; cursor: pointer; float:none;background-image: none; } #vistas .vistas-listado ul li a.play i { font-size: 48px; color: #D1223E; } #vistas .vistas-listado ul li a.play:hover i { color: #A5162E; } #vistas .vistas-listado ul li .nombre{ width:auto; margin: 0px;float: none; cursor:pointer; font: normal normal 16px/20px 'semi',Arial;overflow: hidden; } #vistas .vistas-listado .jcarousel-container{ margin: 15px 0; } #vistas .vistas-listado .jcarousel-clip{ width: 880px;margin: auto; overflow:hidden; } #vistas .vistas-listado .anterior { height: 70px;display: block; margin: 0;position: absolute;top: 30px;left: 20px; cursor: pointer;background-image: none; } #vistas .vistas-listado .anterior i { display: block;font-size: 70px; } #vistas .vistas-listado .anterior:hover{ background-position:bottom;} #vistas .vistas-listado .siguiente { height: 70px;display: block; margin: 0;position: absolute;top: 30px;right: 20px; cursor: pointer;background-image: none; } #vistas .vistas-listado .siguiente i { display: block;font-size: 70px; } #vistas .vistas-listado .siguiente:hover{ background-position:bottom;} #vistas h2 { width: auto;padding: 5px 20px;position: absolute;top: -44px; background-color: #BED630; color: #FFF;font: normal normal 20px/32px 'bold',Arial;-webkit-border-radius: 0 20px 0 0;-moz-border-radius: 0 20px 0 0;border-radius: 0 20px 0 0; } #vistas h2 i { margin: 0 10px;float: left;font-size: 22px;line-height: 30px; } #vistas .categorias { margin: 20px 0;overflow: hidden; } #vistas .categorias span{ margin: 0 15px 0 0;display:block;float: none;clear: both;font: normal normal 18px/32px 'bold',Arial; } #vistas .categorias a { padding: 5px 30px;margin: 0 5px; display: inline-block; color: #FFF; background-color: #989898; font: normal normal 18px/22px 'bold',Arial; -webkit-border-radius: 15px 15px 15px 0;-moz-border-radius: 15px 15px 15px 0;border-radius: 15px 15px 15px 0; } #vistas .categorias a:hover{ text-decoration: none; background-color: #7A7A7A; } #vistas .categorias a.selected { background-color: #D1223E; } #vistas .categorias a.selected:hover { background-color: #A5162E; } /* |=================================== |@php class : clase.contacto.php |@html template : contacto.html |=================================== */ #formulario{ } #formulario .c-campo{ margin: 5px 0; float: left; } #formulario .c-etiq{ margin: 0 0 0 8px;float: left; } #formulario .c-etiq.com-clb{ margin: 0;float: left; } #formulario .c-etiq p{ font-size: 13px; line-height: 32px; } #formulario .c-etiq span{ font-size: 10px;font-weight: bold; color: #000; } #formulario .c-etiq p.com-lb{ font-size: 13px; line-height: 18px; } #formulario .contenedor-botones{ margin: 5px 0; } #formulario input[type="text"]{ height: 22px; padding-left: 5px; border: 1px solid #CCC; border-radius: 3px; color: #666; background-color: #F9F9F9;font-weight: normal; } #formulario textarea { padding: 5px; border: 1px solid #CCC; border-radius: 3px; color: #666; background-color: #F9F9F9; background-image: none;font-weight: normal; } #formulario .borrar{ cursor: pointer; float: left; font-size: 14px; font-weight: normal;padding: 3px 14px 3px 10px; margin-top: 5px; margin-right: 10px; color: #FFF; background-color: #94AA3B; background-image: url(../Imagenes/Sistema/vineta-blancapeq.png); background-repeat: no-repeat; background-position: right center; } #formulario .enviar{ width: 81px; height: auto; padding: 6px 16px; margin-top: 0px; cursor: pointer; font-size: 14px; font-weight: normal; color: #FFF; background-color: #333;border-radius: 2px; opacity:0.8; filter: alpha(opacity=80); } #formulario .enviar:hover{ opacity:1.0; filter: alpha(opacity=100); } #form-imagenes{ position: relative;} #form-imagenes .imagenes{ padding:10px; border-radius:5px; background-color:#F4F4F4; overflow:hidden; margin-top:5px;} #form-imagenes .imagenes .imagen{ float:left; border:solid 1px #ccc; border-radius:5px; padding:5px; margin: 8px 6px 8px 0px;background-color:#fff; } #form-imagenes .imagenes .imagen .imgc{ height: 158px; padding-top:3px; text-align:center; clear:both;} #form-imagenes .imagenes .imagen input{ margin-top:5px; width:185px; } #form-imagenes .imagenes .imagen .borrar{ float:right; display:block; cursor:pointer; float:right; background-image: url(../Imagenes/Sistema/borrar-peq.png); height: 20px; width: 20px; background-position:top; margin-bottom:4px; } #form-imagenes .imagenes .imagen .borrar:hover{ background-position:bottom;} #form-imagenes .imagenes .imagen .portada{ float:left; padding:2px; border-radius:5px; background-color:#CCCCCC; color:#fff; cursor:pointer;} #form-imagenes .imagenes .imagen .portada:hover{ background-color:#999999; text-decoration:none;} #form-imagenes .imagenes .imagen .portada.selected{ background-color:#d58400;} #form-imagenes .contenedor-botones {clear: both; border-top: solid #CCC 1px; margin: 10px 0px 20px; padding-top: 10px;} #form-imagenes .contenedor-botones .boton1{ float: right; font-family: regular; display: block; margin-top: 8px; padding: 3px 5px; margin-left: 5px; cursor: pointer; } #form-imagenes #cargar-imagen{ float:right; margin:5px 5px 10px 5px; } #form-imagenes #cargar-imagen object{ top:0px !important;} .gmap { } .gmap .gmap_campo { float: left; } .gmap .gmap_campo label { } .gmap .gmap_campo .gmap_boton { float: left; } .gmap .gmap_campo .gmap_boton img { margin-left: 5px; cursor: pointer; } .gmap_ventana .gmap_info { display: none; margin-top: 0px; overflow: hidden; } .gmap_ventana .gmap_info div { float: left; padding: 5px; } .gmap_ventana .gmap_info div label { float: left; font-size: 11px; color: #000; margin-right: 3px; } .gmap_ventana .gmap_info div input[type="text"] { float: left; font-size: 12px; } .gmap_ventana .gmap_info .gmap_lat, .gmap_ventana .gmap_info .gmap_lon { width: 140px } .gmap_ventana .gmap_info .gmap_zoom { width: 50px } .gmap_ventana .gmap_info div input[type="button"] { float: left; font-size: 10px; padding: 5px; height: auto; width: auto; margin-left: 5px; } .gmap_ventana .gmap_parametros, .gmap_contenedor .gmap_puntosreferencia { display: none; } .ui-multiselect { padding: 2px 0 2px 4px; text-align: left } .ui-multiselect span.ui-icon { float: right } .ui-multiselect-single .ui-multiselect-checkboxes input { position: absolute !important; top: auto !important; left: -9999px; } .ui-multiselect-single .ui-multiselect-checkboxes label { padding: 5px !important } .ui-multiselect-header { margin-bottom: 3px; padding: 3px 0 3px 4px } .ui-multiselect-header ul { font-size: 0.9em } .ui-multiselect-header ul li { float: left; padding: 0 10px 0 0 } .ui-multiselect-header a { text-decoration: none } .ui-multiselect-header a:hover { text-decoration: underline } .ui-multiselect-header span.ui-icon { float: left } .ui-multiselect-header li.ui-multiselect-close { float: right; text-align: right; padding-right: 0 } .ui-multiselect-menu { display: none; padding: 3px; position: absolute; z-index: 10000; text-align: left } .ui-multiselect-checkboxes { position: relative /* fixes bug in IE6/7 */; overflow-y: scroll } .ui-multiselect-checkboxes label { cursor: default; display: block; border: 1px solid transparent; padding: 3px 1px } .ui-multiselect-checkboxes label input { position: relative; top: 1px } .ui-multiselect-checkboxes li { clear: both; font-size: 0.9em; padding-right: 3px } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align: center; font-weight: bold; border-bottom: 1px solid } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display: block; padding: 3px; margin: 1px 0; text-decoration: none } /* remove label borders in IE6 because IE6 does not support transparency */ * html .ui-multiselect-checkboxes label { border: none } .ui-multiselect-hasfilter ul { position: relative; top: 2px } .ui-multiselect-filter { float: left; margin-right: 10px; font-size: 11px } .ui-multiselect-filter input { width: 100px; font-size: 10px; margin-left: 5px; height: 15px; padding: 2px; border: 1px solid #292929; -webkit-appearance: textfield; -webkit-box-sizing: content-box; } #buscar { } #buscar .tit-resultado h1.c-title { margin: 5px 0 20px;background-color: #b00b14; border-radius: 0; text-align: center; padding: 10px 5px;} #buscar .tit-resultado h1.c-title i { background-color: #FFF; color: #b00b14; } #buscar div[class|="resultados"] { margin: 20px 0px;} #buscar .resultados-articulos .boton3{background-color: #323232; font-size: 15px; color: #FFF; font-family: n-semi; padding: 5px 20px;} /* #buscar .resultados-articulos .item { width: 20%;height: 240px; float: left;position: relative; overflow: hidden;background-image: url('../Imagenes/Sistema/bg-blog-item.png'); background-repeat: no-repeat; margin-bottom: 25px;} #buscar .resultados-articulos .item:nth-child(4n+1) { margin-left: 0px; } #buscar .resultados-articulos .item a { display: block; } #buscar .resultados-articulos .item a img { width: 100%;margin: auto; } #buscar .resultados-articulos .item .c-txt { padding: 10px 5px; overflow: hidden; } #buscar .resultados-articulos .item .c-txt h4 { width: auto;height: 45px; float: left;font-family:n-semi; font-size:16px; color: #231f20; } #buscar .resultados-articulos .item .c-txt .i-comment { float: right;position: relative;display: none; font: normal normal 15px/15px 'regular',Arial;color: #5d5542; } #buscar .resultados-articulos .item .c-txt .i-comment i { position: absolute;font-size: 25px;right: -5px; color: #fbae17; } #buscar .resultados-articulos .item .c-txt .i-comment i b { margin: 0; position: absolute;left: 8px;top: 5px; display: block; font: normal normal 12px/12px 'regular',Arial;color: #FFF; } #buscar .resultados-articulos .item .c-txt .i-date { display: block; font-family: n-light; font-size: 16px; color: #5d5542; } #buscar .resultados-articulos .item .c-txt .i-date i { margin: 0 5px 0 0; float: left;color: #b00b14;line-height: 18px; } #buscar .resultados-articulos .item a.link { padding:5px;display: block; position: absolute;bottom: 0px;right: 4px; font-family: n-bold; font-size: 12px; background-color: #b00b14; text-transform: uppercase;color: #FFF; } #buscar .resultados-articulos .item a.link i { background-color: transparent;cursor: pointer; font-size: 18px; position: static; vertical-align: middle;} #buscar .resultados-articulos .item a.link:hover{ color: #313131; } #buscar .resultados-articulos .item a.link:hover i{ background-color: #F56C07; }*/ #buscar .resultados-articulos .articulo {padding: 0 15px;margin-bottom:20px; position: relative; overflow: hidden;} #buscar .resultados-articulos .articulo .data-img { padding: 0px; float: left; width: 100%;} #buscar .resultados-articulos .articulo .data-img img{width: 100%;} #buscar .resultados-articulos .articulo .data-item { width: 100%;padding: 0px;margin: 0px 0 0 0;overflow: hidden } #buscar .resultados-articulos .articulo .data-item h4 {height: 60px; padding: 10px; background-color: rgba(176,11,20,0.7); overflow: hidden; margin-bottom: 5px;} #buscar .resultados-articulos .articulo .data-item h4 a { padding: 0;margin: 0;display: block; font-family: n-bold; font-size: 18px; /*font: normal normal 16px/20px 'semibold',Arial;*/color: #fff;} #buscar .resultados-articulos .articulo .data-item p { margin: 0; font-family: n-bold; font-size: 15px; color: rgba(176,11,20,0.7); padding: 0 10px;} #buscar .resultados-articulos .articulo .data-item .preview{font-family: n-light; font-size: 14px; color: #282828; padding: 0 10px; height: 58px;} #buscar .resultados-articulos .articulo a.btn-view {width: 0; height: 0;position: absolute;top: 0;right: 0;text-align: center;border-top: 38px solid rgba(51,51,51,0.4); border-left: 50px solid transparent;} #buscar .resultados-articulos .articulo a.btn-view i {position: absolute;bottom: 18px;right: 6px;font-size: 16px;color: #FFF} #buscar .resultados-articulos .articulo:hover a.btn-view {border-top-color: #d62629;} #buscar .resultados-articulos .articulo a.boton {;padding: 5px 20px;margin: 10px 10px 0; display: inline-block; font-family: n-semi; color: #FFF;background-color: #d62629; border-radius: 5px;} #buscar .resultados-articulos .articulo a.boton i{margin-left: 20px; vertical-align: middle;} #buscar .resultados-articulos .item-proyectos {margin:0; padding: 0px; overflow: hidden; margin-bottom: 15px;} #buscar .resultados-articulos .item-proyectos .imagen{ border: 1px #CCC solid; margin-bottom: 10px;} #buscar .resultados-articulos .item-proyectos .txt {width: 212px; float: left;} #buscar .resultados-articulos .item-proyectos .txt .titulo {color: #1c1c1c; font-size: 16px;} #buscar .resultados-articulos .item-proyectos .txt .fecha-rel {color: #d62629; font-family: it; font-size: 13px; } #buscar .resultados-articulos .item-proyectos .mas {display: block; float: left; height: 31px; width: 31px; background-image: url('../Imagenes/Sistema/icono-mas.png'); background-repeat: no-repeat;} #buscar .resultados-articulos .item-proyectos{position: relative;} #buscar .resultados-articulos .item-proyectos .link-hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;} #buscar .resultados-articulos .item-proyectos .item-hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: rgb(0,0,0);background: -moz-linear-gradient(270deg, rgba(0,0,0,0.9110994739692753) 0%, rgba(0,0,0,0.4209033955379027) 100%);background: -webkit-linear-gradient(270deg, rgba(0,0,0,0.9110994739692753) 0%, rgba(0,0,0,0.4209033955379027) 100%);background: linear-gradient(270deg, rgba(0,0,0,0.9110994739692753) 0%, rgba(0,0,0,0.4209033955379027) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);} #buscar .resultados-articulos .item-proyectos .item-hover .ctn-relativo{position: relative; height: 100%; width: 100%;} #buscar .resultados-articulos .item-proyectos .item-hover .ctn-relativo .ctn-absoluto{position: absolute; bottom: 0; left: 0;} #buscar .resultados-articulos .item-proyectos .item-hover .ctn-relativo .ctn-absoluto h2{text-align: right; color: #FFF; font-size: 20px; font-family: n-bold; margin-bottom: 5px;} #buscar .resultados-articulos .item-proyectos .item-hover .ctn-relativo .ctn-absoluto p{text-align: right; color: #FFF; font-size: 19px; font-family: n-light} @media(max-width: 1200px){ #buscar .resultados-articulos .articulo .data-item .preview{height: 70px;} #buscar .resultados-articulos .articulo{height: 340px;} } @media(max-width: 767px){ #buscar .resultados-articulos .item {width: 50%;} } @media(max-width: 479px){ #buscar .resultados-articulos .articulo .data-item h4{height: auto;} #buscar .resultados-articulos .articulo .data-item .preview{height: auto;} } #mapa-sitio {} #mapa-sitio .tit-seccion h1.c-title { margin: 5px 0 10px;background-color: #fbae17; } #mapa-sitio .tit-seccion h1.c-title i { background-color: #f58c20; } .tooltip-mapa { width: 250px; padding-bottom:5px; } .tooltip-mapa p{ background-color:#322E2C; color:#fff; padding:4px; overflow:hidden; margin-bottom:8px; font-family:Arial, Helvetica, sans-serif;} .tooltip-mapa p span{ display:block; float:left; font-size:14px !important;font-family:Arial, Helvetica, sans-serif;} .tooltip-mapa p b{ display:block; float:right;} .tooltip-mapa .imagen{ float:left; width: 96px; height: 60px; overflow: hidden; display: block; text-align: center; position:relative;} .tooltip-mapa .imagen .destacado{ position: absolute; background: url(../Imagenes/Sistema/destacado-mini.png); top:0px; left:0px; width: 35px; height: 35px;} .tooltip-mapa .imagen .opciones{ position: absolute; bottom: 0px; left: 0px; height: 17px;} .tooltip-mapa .imagen .opciones span{ float: left; margin-right: 5px; width: 34px; height: 14px; padding-top: 3px; display: block; color: #fff; font-family: semi; font-size: 10px;} .tooltip-mapa .texto{ float:left; width: 130px; height: 100%; margin-left: 5px; display: block; position: relative; font-size: 11px;} .tooltip-mapa .texto h1{ font-size: 11px; font-weight: normal; } .tooltip-mapa .texto h1.categoria{ font-weight: bold; font-size: 13px; text-align: left; padding-left: 10px; } .tooltip-mapa .texto span.nuevo{ font-size: 8px; color: #FF941F; padding-top: 2px; display: inline-block; margin-left: 3px;} .tooltip-mapa .texto span.car{ color: #636363; display: block; float: left; margin-top: 0px; font-size:13px; margin-left:10px;} .tooltip-mapa .texto span.cod{ background-color:#fff; font-weight: bold;float: left; padding: 0px 5px; border: 1px #ddd solid; border-radius:10px; background-color:#fff; } .tooltip-mapa .texto span.cod b{ color: #FF941F; font-weight: normal; } .tooltip-mapa .texto a.ver { font-size: 16px; color: #322E2C; padding: 0px 5px 0px 25px; background-repeat: no-repeat; background-position: 5px center; background-image: url('../Imagenes/Sistema/icono-verpropiedad.png');} #ver-proyecto { } #ver-proyecto .center {background-color: #fafafa;} #ver-proyecto .top {padding: 15px 15px 0px 20px; background-color: #231F20; height: 37px; position: relative; } #ver-proyecto .top h1{color: #FFF; font-size: 22px; font-family: semi; float: left; margin-right: 30px; line-height: 18px;} #ver-proyecto .top h1 span {font-size: 12px; font-family: regular; display: block; padding-left: 2px;} #ver-proyecto .top .todas { margin-right: 30px; padding: 3px 8px; display: block; color: #FFF; font-size: 14px; float: left;} #ver-proyecto .top .galeriacategorias {float: left; } #ver-proyecto .top a {padding: 3px 15px; float: left; display: block; font-size: 15px; color: #FFF; border-left: 1px #FFF dashed;} #ver-proyecto .top a:first-child { border-left: none;} #ver-proyecto .top a.sel { background-color: #F3A01D; border-radius: 5px; border: 1px #FFF solid;} #ver-proyecto .top .logo-proyecto {z-index: 2; width: 335px; height: 124px; position: absolute; right: 0; bottom: -103px; background-image: url('../Imagenes/Sistema/fondo-logo-interna.png'); background-repeat: no-repeat; text-align: center;} #ver-proyecto .top .logo-proyecto img {margin-top: 10px;} #ver-proyecto .slide {position: relative; width: 990px; height: 390px; } #ver-proyecto .slide ul {z-index: 1; position: relative;} #ver-proyecto .slide ul li {width: 990px; height: 390px; float:left;} #ver-proyecto .slide .izq { background-position: -4px top; background-image: url('../Imagenes/Sistema/flecha-slide-izq.png'); position: absolute; top: 160px; left: 0; width: 65px; height: 96px; display: block; z-index: 1;} #ver-proyecto .slide .der{background-position: 0px top; background-image: url('../Imagenes/Sistema/flecha-slide-der.png'); position: absolute; top: 160px; right: -2px; width: 55px; height: 96px; display: block; z-index: 1;} #ver-proyecto .slide .infozoom { z-index:1; width: 230px; height: 29px; position: absolute; bottom: 0px; right: 380px; background-image: url('../Imagenes/Sistema/zoom-slide.png'); } #ver-proyecto .vista360 { position: relative; display:none; height: 442px; } #ver-proyecto .vista360 .vista {position: relative; } #ver-proyecto .vista360 .vista .contenedor-vista { width: 990px; height: 390px; padding: 0px; margin: 0; z-index: 1; position:relative;} #ver-proyecto .vista360 .vistas-listado {display:none; position: absolute; background-color: rgba(0,0,0,0.9); bottom: 0px; width: 990px; height: 120px; z-index: 1000;} #ver-proyecto .vista360 .slide-vistaslistado { width: 888px; height: 120px; position: relative; margin:0px auto; } /*#ver-proyecto .vista360 .vistas-listado .jcarousel-container { width: 448px; height: 120px; margin: 0px auto 0; display:block; overflow: hidden; }*/ #ver-proyecto .vista360 .vistas-listado ul li { width: 206px; height: 100px; padding: 8px; margin:0px; float: left; text-align: center; } #ver-proyecto .vista360 .vistas-listado ul li a{ display: block; cursor: pointer; } #ver-proyecto .vista360 .vistas-listado ul li .nombre{ width: 194px; height: 15px; padding: 4px 6px; margin: 79px 0 0 2px; position: absolute; background-color: #000; color: #fff; font-size: 11px; overflow: hidden; } #ver-proyecto .vista360 .vistas-listado ul li img{ border: 2px solid #FFF; box-shadow: 0 0 4px rgba(0, 0, 0, 0.8); background-color: #fff; } #ver-proyecto .vista360 .vistas-listado .anterior{ width:64px; height:74px; top:20px; left:-5px; display:block; position:absolute; z-index: 10000; } #ver-proyecto .vista360 .vistas-listado .siguiente{ width:64px; height:74px; top:20px; right:-5px; display:block; position: absolute; z-index: 10001; } #ver-proyecto .boton-360slide {z-index: 1; width: 165px; padding: 15px 10px 15px 100px; left: 0px; bottom: 0; position: absolute; display: block;background-color: rgba(239,139,33,0.8); color: #FFF; font-size: 20px; text-shadow: 2px 2px 2px #545454; background-repeat: no-repeat;} #ver-proyecto .slide .boton-360slide {background-image: url('../Imagenes/Sistema/icono-360-2.png'); background-position: left center; } #ver-proyecto .vista360 .boton-360slide {background-image: url('../Imagenes/Sistema/icono-galeria-imagenes-2.png'); background-position: 10px center;} #ver-proyecto .slide .imagencargando, #ver-proyecto .vista360 .imagencargando{ position: absolute; z-index:0; top:180px; left:460px; } #ver-proyecto .informacion {margin-top: 20px;} #ver-proyecto .informacion .tabs {overflow: hidden; clear: both;} #ver-proyecto .informacion .tabs li{padding: 13px 30px 10px 10px; font-size: 16px; border-left: #CCC solid 1px; float: left; background-position: right top; display: block; background-image: url('../Imagenes/Sistema/tab.png'); background-repeat: no-repeat; } #ver-proyecto .informacion .tabs a{color: #959799;} #ver-proyecto .informacion .tabs .sel {padding-left: 5px; background-image: url('../Imagenes/Sistema/tab-actual.png'); } #ver-proyecto .informacion .tabs .sel a{padding-left: 14px; color: #FFF; background-image: url('../Imagenes/Sistema/bullet.png'); background-position: 2px center; background-repeat: no-repeat;} #ver-proyecto .informacion .tabs .modelo { background-image: url('../Imagenes/Sistema/tab-modelo.png'); border-left: 0;} #ver-proyecto .informacion .tabs .modelo a{ color: #FFF; text-shadow: 2px 2px 2px #888888;} #ver-proyecto .informacion .content {position: relative; background-color: #FFF; -webkit-box-shadow: 8px -6px 7px 0px rgba(106, 106, 110, 0.3); -moz-box-shadow: 8px -6px 7px 0px rgba(106, 106, 110, 0.3); box-shadow: 8px -6px 7px 0px rgba(106, 106, 110, 0.3);} #ver-proyecto .informacion .content .tcontenido{ position: relative; padding: 30px 20px;} #ver-proyecto .informacion .content .general {padding-right: 0px;} #ver-proyecto .informacion .content .general .izq {width: 510px; float: left; margin-right: 30px;} #ver-proyecto .informacion .content .compartir {margin-top: 50px; padding-top: 15px; border-top: 1px #CCC solid; } #ver-proyecto .informacion .content .general .der {position: relative; width: 430px; float: left; } #ver-proyecto .informacion .content .general .der .precio {right: -19px; width: 440px; height: 125px; position: relative; background-position: top right; background-image: url('../Imagenes/Sistema/fondo-precio.png'); background-repeat: no-repeat; } #ver-proyecto .informacion .content .general .der .precio span{color: #FFF; font-size: 26px; padding: 0 60px 5px; top: 12px; left: -15px; background-image: url('../Imagenes/Sistema/titulo-precio.png'); background-repeat: no-repeat; position: absolute; } #ver-proyecto .informacion .content .general .der .precio .valor { color: #FFF; font-family: semi; font-size: 44px; padding-top: 55px; padding-left: 45px;} #ver-proyecto .informacion .content .general .der .pdf{ display:block; color: #FFF; font-size: 30px; font-family: semi; height: 85px; padding: 20px 10px 10px 100px; position:relative; right: -15px; width: 328px; background-image: url('../Imagenes/Sistema/fondo-pdf.png'); background-repeat: no-repeat; background-position: right top;} #ver-proyecto .informacion .content .general .der .pdf span{font-size: 17px; display: block; clear: both;} #ver-proyecto .informacion .content .general .der .ubicacion {margin-top: 10px; width: 410px; margin-left: 20px; } #ver-proyecto .informacion .content .general .der .ubicacion h3 {font-size: 20px; padding: 5px 10px 5px 45px; color: #FFF; background-color: #383739;background-image: url('../Imagenes/Sistema/icono-ubicacion.png'); background-repeat: no-repeat; background-position: 5px center;} #ver-proyecto .informacion .content .general .der .ubicacion .mapa {width: 410px; height: 252px; overflow: hidden;} #ver-proyecto .informacion .tabs-contenido .tcontenido {display:none;} #ver-proyecto .informacion .tabs-contenido .tcontenido.sel {display:block;} #ver-proyecto .informacion .tabs-contenido .precios { padding-left: 0px; padding-right: 0px; } #ver-proyecto .informacion .tabs-contenido .precios .filatitulo td{ background-color:#fca816; color:#FFF; font-weight:bold; font-size:16px;} #ver-proyecto .informacion .tabs-contenido .precios .filasubtitulo td{ background-color:#333; color:#FFF; font-weight:normal; } #ver-proyecto .contacto-proyecto {background-image: url('../Imagenes/Sistema/fondo-contacto.png'); border-top:4px #313131 solid; background-position: center bottom; overflow: hidden; padding: 10px 20px 5px; width: 950px; height: 60px; position: fixed; bottom: 0px; } #ver-proyecto .contacto-proyecto h3{font-family: semi; font-size: 17px; margin: 0 0 0px 15px; } #ver-proyecto .contacto-proyecto .email{display: block; width: 150px; float: left; margin-right: 20px; color: #FFF; font-size: 16px; padding: 8px 5px 8px 45px; background-image: url('../Imagenes/Sistema/contacto-email.png'); background-repeat: no-repeat; background-position: left top;} #ver-proyecto .contacto-proyecto .telefono{display: block; width: 205px; float: left; margin-right: 20px; color: #FFF; font-size: 16px; padding: 8px 5px 8px 45px; background-image: url('../Imagenes/Sistema/contacto-telefono.png'); background-repeat: no-repeat; background-position: left top;} #ver-proyecto .contacto-proyecto .online{display: block; width: 211px; float: left; margin-right: 20px; color: #FFF; font-size: 16px; padding: 8px 5px 8px 45px; background-image: url('../Imagenes/Sistema/contacto-chat.png'); background-repeat: no-repeat; background-position: left -4px;} #contacto { } #contacto .content label{font-size: 15px; display: block; clear:both; margin-bottom: 10px; margin-top: 10px; float:left;} #contacto .content input[type="text"] {width: 88%;padding: 8px;font: normal normal 14px/18px 'semibold',Arial;color: #333;background-color: #FFF;border: 1px #CCC solid;border-radius: 3px} #contacto .content select{margin-top: 5px; margin-bottom: 20px; width: 404px; height: 27px; float: left; margin-right: 15px; clear:both; display: block; } #contacto .content .selectormultiple3 { clear:both; float: left;width: 400px; } #contacto .content .selectormultiple3 > button{ background: #fff; } #contacto .content .selectormultiple3 > button:hover{ color:#000; } #contacto .content #comentario{width: 94%;height: 80px;display: block;clear: both;float:left;border-radius: 3px;background-color: #FFF} .width-100 {width: 100% !important} .no-float {float: none} #contacto form .campo-error {width: 16px;height: 16px;margin-top: 5px;float: right;display: block;} #contacto form .campo-error img { width: 16px; height: 16px; margin: 0px!important; } #contacto form .campo-error br { display: none; } #contacto form .campo-error font { display: none; } #contacto .content .btn {padding: 8px 28px;margin: 0;display: block;position: absolute;bottom: 5px;right: 10px;font: normal normal 14px/14px 'semibold',Arial;color: #FFF;border-radius: 3px;background-color: #d62629} #contacto .content .btn:hover {background-color: #852124;} #contacto .aside {width: 360px;float: left;} #contacto .aside .block-social {margin-left: 15px; overflow: hidden;} #contacto .aside .block-social h2{padding: 10px 0px;font: normal normal 20px/20px 'semibold',Arial;text-align: right;color: #333;} #contacto .aside .block-social a{display: block; width: 73px; height: 73px; float: left; margin-right: 20px;} #contacto .der .redes-sociales .twitter{background-position: -95px top;} #contacto .der .redes-sociales .google{background-position: -195px top;} #contacto .der .blog {clear: both; margin-top: 30px;} #contacto .der .blog h3{font-size: 20px; color: #FFF; margin-left: 10px; padding: 15px; background: url('../Imagenes/Sistema/titulo-side.png') right center no-repeat; height: 30px; margin-right: -20px;} #contacto .der .blog .item {padding: 20px 0; margin-bottom: 10px; border-bottom: 1px #CCC solid; overflow: hidden;} #contacto .der .blog .item:last-child{border-bottom: 0;} #contacto .der .blog .item .imagen {width: 195px; height: 130px; position: relative; float: left; margin-right: 10px;} #contacto .der .blog .item img{margin-left: 13px;} #contacto .der .blog .item .ver{display: block; position: absolute; width: 152px; font-family:it; color: #FFF; padding: 7px 5px 13px 15px; bottom: 10px; left: 0; background-image: url('../Imagenes/Sistema/boton-mas3.png'); background-repeat: no-repeat;} #contacto .der .blog .item h4 { float: left; font-family:it; font-size: 18px; width: 140px; margin-top: 5px; padding-right: 5px; } #mapa { } #mapa .center{background-color: #FFF;} #mapa h1{color: #FFF; font-size: 22px; font-family: semi; padding: 8px 10px 8px 40px; background-position: 4px center; background-image: url('../Imagenes/Sistema/icono-gerenciar.png'); background-repeat: no-repeat; background-color: #231F20;} #mapa .cita{font-size: 20px; font-family: it; text-align: center; margin: 30px 0;} #mapa .map{width: 935px; padding: 0 27px 40px; border-bottom: 8px solid #231F20;} #blog { } #blog .center{background-color: #FFF;} #blog h1{color: #FFF; font-size: 22px; font-family: semi; padding: 8px 10px 8px 40px; background-position: 4px center; background-image: url('../Imagenes/Sistema/icono-gerenciar.png'); background-repeat: no-repeat; background-color: #231F20;} #blog .izq {float: left; width: 550px; padding-left: 20px;} #blog .izq .articulo {padding: 30px 0; margin-top: 20px; border-top: 1px #CCC solid; overflow: hidden;} #blog .izq .articulo:first-child {margin-top: 0px; border-top: none;} #blog .izq .articulo h3{font-size: 22px; font-family: it; margin-bottom: 20px; margin-left: 15px;} #blog .izq .articulo .imagen {width: 195px; height: 130px; position: relative; float: left; margin-right: 20px;} #blog .izq .articulo img{margin-left: 13px;} #blog .izq .articulo .ver{display: block; position: absolute; width: 152px; font-family:it; color: #FFF; padding: 7px 5px 13px 15px; bottom: 10px; left: 0; background-image: url('../Imagenes/Sistema/boton-mas3.png'); background-repeat: no-repeat;} #blog .izq .articulo .texto {float: left; width: 330px;} #blog .izq .articulo .texto .extracto{font-size: 12px; text-align: justify;} #blog .izq .articulo .texto .info {float: right;margin-top: 20px; text-align: right;} #blog .izq .articulo .texto .info .comentarios { font-size: 12px; font-family: semi; padding: 5px 5px 5px 25px; background-position: 60px top; background-image: url('../Imagenes/Sistema/icono-coment.png'); background-repeat: no-repeat;} #blog .izq .articulo .texto .info .fecha{color: #F7931D;font-size: 12px; font-family: semi; } #blog .izq .contenedor-paginacion .paginacion{ width: 550px;} #blog .izq .contenedor-paginacion .registrospp { padding-left: 13px; } #blog .der {float: right; width: 368px;} #blog .der .redes-sociales {} #blog .der .redes-sociales span{font-size: 20px; display: block; margin-bottom: 10px;} #blog .der .redes-sociales a {display: block; width: 73px; height: 73px; float: left; margin-left: 20px;} #blog .der h3{float:right; position: relative; font-size: 16px; color: #FFF; width: 358px; height:45px; padding: 15px; right:-20px; padding-bottom:0px; margin-bottom: 20px; margin-top:30px; background: url('../Imagenes/Sistema/titulo-side.png') no-repeat;} #blog .der .proyectos {overflow: hidden; clear: both;} #blog .der .proyectos .item {padding: 20px 0; margin-bottom: 0px; border-top: 1px #CCC solid; overflow: hidden;} #blog .der .proyectos .item:first-child{border-top: 0; margin-bottom: 0px; padding-top: 0px;} #blog .der .proyectos .item .imagen {width: 195px; height: 130px; position: relative; float: left; margin-right: 10px;} #blog .der .proyectos .item a img{margin-left: 13px;} #blog .der .proyectos .item .marcanuevo{position: absolute; top:0px; right:0px; width: 50px; } #blog .der .proyectos .item .ver{display: block; position: absolute; width: 152px; font-family:it; color: #FFF; padding: 7px 5px 13px 15px; bottom: 10px; left: 0; background-image: url('../Imagenes/Sistema/boton-mas3.png'); background-repeat: no-repeat;} #blog .der .proyectos .item h4 { float: left; font-family:it; font-size: 21px; width: 147px; margin-top: 5px; } #blog .der .proyectos .item .categoria{margin-top: 15px; float: left; padding: 7px 5px 7px 18px; width: 130px; color: #FFF; display: block; background-image: url('../Imagenes/Sistema/fondo-categoria.jpg'); background-repeat: no-repeat; } #contacto-ventana { padding: 10px;} #contacto-ventana h1{text-transform: uppercase; font-family: semi; font-size: 18pt; margin-bottom: 12px;} #contacto-ventana .item { color: #6d6e70; padding: 15px 15px; background-color: #f7f7f7; border: 1px #CCC solid; overflow: hidden; margin-top: 15px;} #contacto-ventana .item .icono {float: left; padding-right: 10px; border-right: 1px #CCC solid;} #contacto-ventana .item span {margin-left: 15px; float: left; color: #6d6e70; font-size: 18px; clear: right; } #contacto-ventana .item .first {margin-top: 14px;} #contacto-ventana .item .telefonos {margin-top: -2px; font-family: bold; margin-left: 15px; float: left; font-family: b-cond; font-size: 30pt;} #contacto-ventana .item .direccion {font-family: semi; margin-left: 15px; float: left; font-size: 16pt; } #contacto-ventana .correos .general {background-image: url('../Imagenes/Sistema/icono-info.png');} #contacto-ventana .formulario .comentario {clear: left; float: none; margin-top: 25px; margin-right: 0;} #contacto-ventana .formulario .comentario textarea {height: 125px; padding: 8px; font-family: regular; font-size: 12pt;} #contacto-ventana .formulario .captcha {float: left; margin-top: 52px;} #contacto-ventana .formulario .enviar {margin-top: 20px; padding: 6px 30px; font-size: 22px; font-family: semi; float: right; text-align: center; clear: both; display: block; color: #FFF; background-color: #d62629;} #contacto-ventana .formulario .enviar:hover {background-color: #c1020c;} #sitio-web {} #sitio-web .general{overflow: hidden; padding: 60px 0 40px 200px; background-image: url('../Imagenes/Sistema/icono-sitios-web.png'); background-repeat: no-repeat; background-position: left top;} #sitio-web .general .texto {float: left; margin-right: 20px;} #sitio-web .general h1 {margin-bottom: 5px; width: 658px; font-size: 24px; text-transform: uppercase; font-family: semi;} #sitio-web .general p {color: #888889; width: 658px; } #sitio-web .general .precio {padding: 20px 30px; float: left; color: #FFF; background-image: url('../Imagenes/Sistema/fondo-precio.png'); background-repeat: no-repeat;} #sitio-web .general .precio span{display: block; font-size: 25px; font-family: bold; clear: both;} #sitio-web .caracteristicas {margin-bottom: 20px; overflow: hidden;} #sitio-web .caracteristicas h2 {border: 1px #CCC solid; margin-bottom: 20px; padding: 10px 15px; font-size: 21px; text-transform: uppercase; color: #1c1c1c; background-color: #fbfbfb; border: 1px 3a5a5a5 solid; } #sitio-web .caracteristicas .item {color: #323232; min-height: 460px; border: 1px #CCC solid; padding: 20px 15px; width: 338px; float: left; margin-right: 15px;} #sitio-web .caracteristicas .item:last-child {margin-right: 0;} #sitio-web .caracteristicas .item h3 {color: #1c1c1c; font-size: 21px; padding-bottom: 10px; margin-bottom: 5px;} #sitio-web .caracteristicas .item .rojo {border-bottom: 5px #d32028 solid ;} #sitio-web .caracteristicas .item .azul {border-bottom: 5px #00bdee solid ;} #sitio-web .caracteristicas .item .verde {border-bottom: 5px #8bc53f solid ;} #sitio-web .caracteristicas .item p{margin: 15px 0 20px; font-size: 14px; color: #888889; } #sitio-web .caracteristicas .item ul {margin: 0 20px;} #sitio-web .caracteristicas .item li {list-style-type: square; margin-left: 12px; font-size: 16px; } #sitio-web .caracteristicas .item span {color: #888889;} #sitio-web .c-principales {margin: 30px 0; padding: 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow: hidden; } #sitio-web .c-principales span { padding: 15px 15px 15px 50px; background-position: 15px 8px; margin-right: 15px; background-color: #e2e2e2; display: block; float: left; border-radius: 10px; color: #464547; font-size: 19px; background-repeat: no-repeat;} #sitio-web .c-principales span:last-child {margin-right: 0px;} #sitio-web .c-principales .garantia {background-image: url('../Imagenes/Sistema/icono-garantia.png');} #sitio-web .c-principales .licencia {background-image: url('../Imagenes/Sistema/icono-licencia.png');} #sitio-web .c-principales .capacitacion {background-image: url('../Imagenes/Sistema/icono-capacitacion.png');} #sitio-web .c-principales .info {background-image: url('../Imagenes/Sistema/icono-contenido.png');} #sitio-web .compartir {float: right; clear: both; margin-bottom: 20px;} #sitio-web .compartir span{margin-right: 5px; color: #888889; font-size: 14px;} #sitio-web .slide-proyectos {overflow: hidden;} #sitio-web .slide-proyectos .tabs {margin-bottom: 20px; padding: 10px 0; background-color: #323232; clear: both; overflow: hidden;} #sitio-web .slide-proyectos .tabs b{ padding: 10px 15px; display: block; float: left; border-right: 1px #676565 solid; border-left: 1px #242424 solid;} #sitio-web .slide-proyectos .tabs b:first-child{border-left: none;} #sitio-web .slide-proyectos .tabs b:last-child{border-right: none;} #sitio-web .slide-proyectos .tabs a{ color:#FFF; font-size: 17px; padding: 5px 10px;} #sitio-web .slide-proyectos .tabs .actual {padding: 5px 10px; border-radius: 10px; background-color: #d62629; color: #FFF;} #sitio-web .slide-proyectos .tabs a:hover{padding: 5px 10px; border-radius: 10px; background-color: #d62629; color: #FFF;} #sitio-web .slide-proyectos .contenido .izq {margin: 120px 10px 0 0; width: 31px; height: 71px; display: block; float: left; background-image: url('../Imagenes/Sistema/flecha-izq-2.png'); background-repeat: no-repeat;} #sitio-web .slide-proyectos .contenido .der {margin: 120px 10px 0 0; width: 37px; height: 71px; display: block; float: left; background-image: url('../Imagenes/Sistema/flecha-der-2.png'); background-repeat: no-repeat;} #sitio-web .slide-proyectos .contenido ul li{padding: 10px 15px; width: 302px; border: 1px #CCC solid; float: left; height: 280px; margin-right: 16px;} #sitio-web .slide-proyectos .contenido ul li span {padding: 7px 20px; margin: 20px 70px 0; display: block; text-align: center;background-color: #464547; border-radius: 8px; color: #FFF; font-size: 13px; } #sitio-web .slide-proyectos .contenido .imagen {width: 296px; height: 210px;} #sitio-web .contacto {margin-top: 30px; padding-top: 30px; overflow: hidden; background-position: center 0px; background-image: url('../Imagenes/Sistema/fondo-contacto-2.png');} #sitio-web .contacto .formulario {margin-left: 400px; width: 690px;} #sitio-web .contacto p {margin: 30px 0 20px 400px; color: #FFF; font-family: semi-it; font-size: 24px; } #sitio-web .contacto input {width: 310px; height: 28px;} #sitio-web .contacto textarea {background-color: #FFF; width: 643px; height: 60px; padding: 10px;} #sitio-web .contacto .enviar{margin: 20px 75px 20px 0; padding: 7px 20px; float: right; font-family: semi; font-size: 19px; text-align: center; display: block; background-color: #FFF; color: #d62629; box-shadow: 3px 5px 4px #232323; } #articulos {background-color: #FFF;} #articulos .izq {float: left; padding: 0px;} #articulos .izq .categorias {background-color: #f6f6f6;} #articulos .izq h2 {padding: 12px 10px 12px 18px; color: #FFF; text-transform: uppercase; font-family: regular; font-size: 21px; display: block; background-image: url('../Imagenes/Sistema/fondo-titulo.jpg'); background-repeat: no-repeat; } #articulos .izq .categorias a {padding: 10px 5px 8px 20px; display: block; color: #888889; font-size: 14px;} #articulos .izq .categorias a:hover{ color: #000;} #articulos .izq .categorias li {border-bottom: 1px #CCC dashed;} #articulos .izq .categorias .actual {background-color: #dddddd;} #articulos .izq .categorias .actual li {background-image: url('../Imagenes/Sistema/esquina-mas.png'); background-repeat: no-repeat; background-position: right top;} #articulos .izq .categorias .actual a {color: #000; padding-left: 47px; background-position: 20px center; background-image: url('../Imagenes/Sistema/flecha.png'); background-repeat: no-repeat;} #articulos .der {float: left;padding-right: 0px;} #articulos .der .item {padding: 10px 25px 15px; margin-bottom: 20px; overflow: hidden; clear: both; background-color: #f6f6f6; border-top: 3px #d62629 solid; } #articulos .der .item .imagen-ppal {position: relative;float: left;padding: 0px;} #articulos .der .item .imagen-ppal .comentarios {padding: 6px 27px 8px 39px; bottom: 10px; right: -19px; position: absolute; font-size: 15px; font-family: it; color: #FFF; background-image: url('../Imagenes/Sistema/fondo-comentarios.png'); background-repeat: no-repeat;} #articulos .der .item .texto {float: left;padding-right: 0px;} #articulos .der .item .texto h3 {margin-bottom: 5px; font-size: 21px; color: #1c1c1c; overflow: hidden;} #articulos .der .item .texto .fecha {margin-bottom: 15px; color: #d62629; font-size: 13px; font-family: it;} #articulos .der .item .texto .fecha i {color: #d62629; margin-right: 3px;} #articulos .der .item .texto .extracto {color: #888889; margin-bottom: 20px; } #articulos .der .item .texto .ver-mas {float: right;} #articulos .der .item .texto .ver-mas span{padding: 5px 20px; background-color: #d62629; display: block; float: left; text-align: center; color: #FFF; font-size: 15px; font-family: semi; } #articulos .der .item .texto .ver-mas i{padding: 8px 4px;color: #FFF; background-color: #b82629; display: block; float: left; } #email-m{} #email-m h2 {border: 1px #CCC solid;padding: 10px 15px; font-size: 21px; text-transform: uppercase; color: #1c1c1c; background-color: #fbfbfb; border: 1px 3a5a5a5 solid; } #email-m .general{overflow: hidden; padding: 60px 0 40px 255px; background-image: url('../Imagenes/Sistema/interna-email-m.png'); background-repeat: no-repeat; background-position: left center;} #email-m .general .texto {float: left; margin-right: 20px; width: 630px;} #email-m .general h1 {margin-bottom: 5px; width: 658px; font-size: 24px; text-transform: uppercase; font-family: semi;} #email-m .general p {color: #888889; } #email-m .general .precio {padding: 20px 30px; float: left; color: #FFF; background-image: url('../Imagenes/Sistema/fondo-precio.png'); background-repeat: no-repeat;} #email-m .general .precio span{display: block; font-size: 25px; font-family: bold; clear: both;} #email-m .caracteristicas {margin-bottom: 20px; overflow: hidden;} #email-m .caracteristicas h2 {border: 1px #CCC solid; margin-bottom: 20px; padding: 10px 15px; font-size: 21px; text-transform: uppercase; color: #1c1c1c; background-color: #fbfbfb; border: 1px 3a5a5a5 solid; } #email-m .caracteristicas .item {color: #323232; min-height: 460px; border: 1px #CCC solid; padding: 20px 15px; width: 338px; float: left; margin-right: 15px;} #email-m .caracteristicas .item:last-child {margin-right: 0;} #email-m .caracteristicas .item h3 {color: #1c1c1c; font-size: 21px; padding-bottom: 10px; margin-bottom: 5px;} #email-m .caracteristicas .item .rojo {border-bottom: 5px #d32028 solid ;} #email-m .caracteristicas .item .azul {border-bottom: 5px #00bdee solid ;} #email-m .caracteristicas .item .verde {border-bottom: 5px #8bc53f solid ;} #email-m .caracteristicas .item p{margin: 15px 0 20px; font-size: 14px; color: #888889; } #email-m .caracteristicas .item ul {margin: 0 20px;} #email-m .caracteristicas .item li {list-style-type: square; margin-left: 12px; font-size: 16px; } #email-m .caracteristicas .item span {color: #888889;} #email-m .compartir {float: right; clear: both; margin-bottom: 70px;} #email-m .compartir span{margin-right: 5px; color: #888889; font-size: 14px;} #email-m .slide-proyectos {overflow: hidden;} #email-m .slide-proyectos .tabs {margin-bottom: 20px; padding: 10px 0; background-color: #323232; clear: both; overflow: hidden;} #email-m .slide-proyectos .tabs b{ padding: 10px 15px; display: block; float: left; border-right: 1px #676565 solid; border-left: 1px #242424 solid;} #email-m .slide-proyectos .tabs b:first-child{border-left: none;} #email-m .slide-proyectos .tabs b:last-child{border-right: none;} #email-m .slide-proyectos .tabs a{ color:#FFF; font-size: 17px; padding: 5px 10px;} #email-m .slide-proyectos .tabs .actual {padding: 5px 10px; border-radius: 10px; background-color: #d62629; color: #FFF;} #email-m .slide-proyectos .tabs a:hover{padding: 5px 10px; border-radius: 10px; background-color: #d62629; color: #FFF;} #email-m .slide-proyectos .contenido .izq {margin: 120px 10px 0 0; width: 31px; height: 71px; display: block; float: left; background-image: url('../Imagenes/Sistema/flecha-izq-2.png'); background-repeat: no-repeat;} #email-m .slide-proyectos .contenido .der {margin: 120px 10px 0 0; width: 37px; height: 71px; display: block; float: left; background-image: url('../Imagenes/Sistema/flecha-der-2.png'); background-repeat: no-repeat;} #email-m .slide-proyectos .contenido ul li{padding: 10px 15px; width: 302px; border: 1px #CCC solid; float: left; height: 280px; margin-right: 16px;} #email-m .slide-proyectos .contenido ul li span {padding: 7px 20px; margin: 20px 70px 0; display: block; text-align: center;background-color: #464547; border-radius: 8px; color: #FFF; font-size: 13px; } #email-m .slide-proyectos .contenido .imagen {width: 296px; height: 210px;} #email-m .tipos {padding:20px 0 30px; background-color: #f7f7f7; overflow: hidden;} #email-m .tipos .item {padding: 20px 14px; border-right: 1px #bec0c2 solid; width: 256px; height: 150px; float: left; } #email-m .tipos .borde {border-bottom: 1px #bec0c2 solid;} #email-m .tipos .item .icon {width: 45px; height: 45px; margin: 0 105px; float: left;} #email-m .tipos .item h3 {margin-top: 40px; width: 258px; color: #404041; float: left; text-align: center; font-size: 18px;} #email-m .tipos .item .descripcion {margin-top: 12px; color: #888889; clear: both; font-size: 14px;} .contacto-2 {margin-top: 30px; padding-top: 30px; overflow: hidden; background-position: center 0px; background-image: url('../Imagenes/Sistema/fondo-contacto-2.png');} .contacto-2 .formulario {margin-left: 400px; width: 690px;} .contacto-2 p {margin: 30px 0 20px 400px; color: #FFF; font-family: semi-it; font-size: 24px; } .contacto-2 input {width: 310px; height: 28px;} .contacto-2 textarea {background-color: #FFF; width: 643px; height: 60px; padding: 10px;} .contacto-2 .enviar{margin: 20px 75px 20px 0; padding: 7px 20px; float: right; font-family: semi; font-size: 19px; text-align: center; display: block; background-color: #FFF; color: #d62629; box-shadow: 3px 5px 4px #232323; } #posicionamiento{} #posicionamiento h2 {border: 1px #CCC solid; padding: 10px 15px; font-size: 21px; text-transform: uppercase; color: #1c1c1c; background-color: #fbfbfb; border: 1px 3a5a5a5 solid; } #posicionamiento .general{overflow: hidden; padding: 60px 0 40px 255px; background-image: url('../Imagenes/Sistema/interna-posicionamiento.png'); background-repeat: no-repeat; background-position: left center;} #posicionamiento .general .texto {float: left; margin-right: 20px; width: 630px;} #posicionamiento .general h1 {margin-bottom: 5px; width: 658px; font-size: 24px; text-transform: uppercase; font-family: semi;} #posicionamiento .general p {color: #888889; } #posicionamiento .general .precio {padding: 20px 30px; float: left; color: #FFF; background-image: url('../Imagenes/Sistema/fondo-precio.png'); background-repeat: no-repeat;} #posicionamiento .general .precio span{display: block; font-size: 25px; font-family: bold; clear: both;} #posicionamiento .tipos {padding:20px 0 30px; background-color: #f7f7f7; overflow: hidden;} #posicionamiento .tipos .item {padding: 20px 14px; border-right: 1px #bec0c2 solid; width: 256px; height: 150px; float: left; } #posicionamiento .tipos .borde {border-bottom: 1px #bec0c2 solid;} #posicionamiento .tipos .item .icon {width: 45px; height: 45px; margin: 0 105px; float: left;} #posicionamiento .tipos .item h3 {margin-top: 40px; width: 258px; color: #404041; float: left; text-align: center; font-size: 18px;} #posicionamiento .tipos .item .descripcion {margin-top: 12px; color: #888889; clear: both; font-size: 14px;} #posicionamiento .compartir {float: right; clear: both; margin-bottom: 70px;} #posicionamiento .compartir span{margin-right: 5px; color: #888889; font-size: 14px;} #posicionamiento .slide-proyectos {overflow: hidden;} #posicionamiento .slide-proyectos .tabs {margin-bottom: 20px; padding: 10px 0; background-color: #323232; clear: both; overflow: hidden;} #posicionamiento .slide-proyectos .tabs b{ padding: 10px 15px; display: block; float: left; border-right: 1px #676565 solid; border-left: 1px #242424 solid;} #posicionamiento .slide-proyectos .tabs b:first-child{border-left: none;} #posicionamiento .slide-proyectos .tabs b:last-child{border-right: none;} #posicionamiento .slide-proyectos .tabs a{ color:#FFF; font-size: 17px; padding: 5px 10px;} #posicionamiento .slide-proyectos .tabs .actual {padding: 5px 10px; border-radius: 10px; background-color: #d62629; color: #FFF;} #posicionamiento .slide-proyectos .tabs a:hover{padding: 5px 10px; border-radius: 10px; background-color: #d62629; color: #FFF;} #posicionamiento .slide-proyectos .contenido .izq {margin: 120px 10px 0 0; width: 31px; height: 71px; display: block; float: left; background-image: url('../Imagenes/Sistema/flecha-izq-2.png'); background-repeat: no-repeat;} #posicionamiento .slide-proyectos .contenido .der {margin: 120px 10px 0 0; width: 37px; height: 71px; display: block; float: left; background-image: url('../Imagenes/Sistema/flecha-der-2.png'); background-repeat: no-repeat;} #posicionamiento .slide-proyectos .contenido ul li{padding: 10px 15px; width: 302px; border: 1px #CCC solid; float: left; height: 280px; margin-right: 16px;} #posicionamiento .slide-proyectos .contenido ul li span {padding: 7px 20px; margin: 20px 70px 0; display: block; text-align: center;background-color: #464547; border-radius: 8px; color: #FFF; font-size: 13px; } #posicionamiento .slide-proyectos .contenido .imagen {width: 296px; height: 210px;} #posicionamiento .caracteristicas { margin-bottom: 60px; overflow: hidden;} #posicionamiento .caracteristicas h2 {border: 1px #CCC solid; margin-bottom: 20px; padding: 10px 15px; font-size: 21px; text-transform: uppercase; color: #1c1c1c; background-color: #fbfbfb; border: 1px 3a5a5a5 solid; } #posicionamiento .caracteristicas .item {color: #323232; min-height: 168px; border: 1px #CCC solid; padding: 20px 10px; float: left; margin-right: 5px;} #posicionamiento .caracteristicas .seo {width: 282px;} #posicionamiento .caracteristicas .google {width: 395px;} #posicionamiento .caracteristicas .facebook {width: 387px;} #posicionamiento .caracteristicas .item:last-child {margin-right: 0;} #posicionamiento .caracteristicas .item h3 {color: #1c1c1c; font-size: 19px; padding-bottom: 10px; margin-bottom: 5px;} #posicionamiento .caracteristicas .item .rojo {border-bottom: 5px #d32028 solid ;} #posicionamiento .caracteristicas .item .azul {border-bottom: 5px #00bdee solid ;} #posicionamiento .caracteristicas .item .verde {border-bottom: 5px #8bc53f solid ;} #posicionamiento .caracteristicas .item p{margin: 15px 0 20px; font-size: 14px; color: #888889; } #posicionamiento .caracteristicas .item ul {margin: 0 20px;} #posicionamiento .caracteristicas .item li {list-style-type: square; margin-left: 12px; font-size: 16px; } #posicionamiento .caracteristicas .item span {color: #888889;} #redes-sociales{} #redes-sociales h2 {border: 1px #CCC solid;padding: 10px 15px; font-size: 21px; text-transform: uppercase; color: #1c1c1c; background-color: #fbfbfb; border: 1px 3a5a5a5 solid; } #redes-sociales .general{overflow: hidden; padding: 60px 0 40px 215px; background-image: url('../Imagenes/Sistema/interna-redes-sociales.png'); background-repeat: no-repeat; background-position: left center;} #redes-sociales .general .texto {float: left; margin-right: 20px; width: 670px;} #redes-sociales .general h1 {margin-bottom: 5px; width: 658px; font-size: 24px; text-transform: uppercase; font-family: semi;} #redes-sociales .general p {color: #888889; } #redes-sociales .general .precio {padding: 20px 30px; float: left; color: #FFF; background-image: url('../Imagenes/Sistema/fondo-precio.png'); background-repeat: no-repeat;} #redes-sociales .general .precio span{display: block; font-size: 25px; font-family: bold; clear: both;} #redes-sociales .caracteristicas {margin-bottom: 20px; overflow: hidden;} #redes-sociales .caracteristicas h2 {border: 1px #CCC solid; margin-bottom: 20px; padding: 10px 15px; font-size: 21px; text-transform: uppercase; color: #1c1c1c; background-color: #fbfbfb; border: 1px 3a5a5a5 solid; } #redes-sociales .caracteristicas .item {color: #323232; min-height: 460px; border: 1px #CCC solid; padding: 20px 15px; width: 338px; float: left; margin-right: 15px;} #redes-sociales .caracteristicas .item:last-child {margin-right: 0;} #redes-sociales .caracteristicas .item h3 {color: #1c1c1c; font-size: 21px; padding-bottom: 10px; margin-bottom: 5px;} #redes-sociales .caracteristicas .item .rojo {border-bottom: 5px #d32028 solid ;} #redes-sociales .caracteristicas .item .azul {border-bottom: 5px #00bdee solid ;} #redes-sociales .caracteristicas .item .verde {border-bottom: 5px #8bc53f solid ;} #redes-sociales .caracteristicas .item p{margin: 15px 0 20px; font-size: 14px; color: #888889; } #redes-sociales .caracteristicas .item ul {margin: 0 20px;} #redes-sociales .caracteristicas .item li {list-style-type: square; margin-left: 12px; font-size: 16px; } #redes-sociales .caracteristicas .item span {color: #888889;} #redes-sociales .compartir {float: right; clear: both; margin-bottom: 70px;} #redes-sociales .compartir span{margin-right: 5px; color: #888889; font-size: 14px;} #redes-sociales .slide-proyectos {overflow: hidden;} #redes-sociales .slide-proyectos .tabs {margin-bottom: 20px; padding: 10px 0; background-color: #323232; clear: both; overflow: hidden;} #redes-sociales .slide-proyectos .tabs b{ padding: 10px 15px; display: block; float: left; border-right: 1px #676565 solid; border-left: 1px #242424 solid;} #redes-sociales .slide-proyectos .tabs b:first-child{border-left: none;} #redes-sociales .slide-proyectos .tabs b:last-child{border-right: none;} #redes-sociales .slide-proyectos .tabs a{ color:#FFF; font-size: 17px; padding: 5px 10px;} #redes-sociales .slide-proyectos .tabs .actual {padding: 5px 10px; border-radius: 10px; background-color: #d62629; color: #FFF;} #redes-sociales .slide-proyectos .tabs a:hover{padding: 5px 10px; border-radius: 10px; background-color: #d62629; color: #FFF;} #redes-sociales .slide-proyectos .contenido .izq {margin: 120px 10px 0 0; width: 31px; height: 71px; display: block; float: left; background-image: url('../Imagenes/Sistema/flecha-izq-2.png'); background-repeat: no-repeat;} #redes-sociales .slide-proyectos .contenido .der {margin: 120px 10px 0 0; width: 37px; height: 71px; display: block; float: left; background-image: url('../Imagenes/Sistema/flecha-der-2.png'); background-repeat: no-repeat;} #redes-sociales .slide-proyectos .contenido ul li{padding: 10px 15px; width: 302px; border: 1px #CCC solid; float: left; height: 280px; margin-right: 16px;} #redes-sociales .slide-proyectos .contenido ul li span {padding: 7px 20px; margin: 20px 70px 0; display: block; text-align: center;background-color: #464547; border-radius: 8px; color: #FFF; font-size: 13px; } #redes-sociales .slide-proyectos .contenido .imagen {width: 296px; height: 210px;} #redes-sociales .tipos {padding:20px 0 30px; background-color: #f7f7f7; overflow: hidden;} #redes-sociales .tipos .item {padding: 20px 14px; border-right: 1px #bec0c2 solid; width: 256px; height: 150px; float: left; } #redes-sociales .tipos .borde {border-bottom: 1px #bec0c2 solid;} #redes-sociales .tipos .item .icon {width: 45px; height: 45px; margin: 0 105px; float: left;} #redes-sociales .tipos .item h3 {margin-top: 40px; width: 258px; color: #404041; float: left; text-align: center; font-size: 18px;} #redes-sociales .tipos .item .descripcion {margin-top: 12px; color: #888889; clear: both; font-size: 14px;} #generacion-contenido{} #generacion-contenido h2 {border: 1px #CCC solid;padding: 10px 15px; font-size: 21px; text-transform: uppercase; color: #1c1c1c; background-color: #fbfbfb; border: 1px 3a5a5a5 solid; } #generacion-contenido .general{margin-bottom: 30px; overflow: hidden; padding: 48px 0 55px 231px; background-image: url('../Imagenes/Sistema/interna-contenido.png'); background-repeat: no-repeat; background-position: left center;} #generacion-contenido .general .texto {float: left; margin-right: 20px; width: 653px;} #generacion-contenido .general h1 {margin-bottom: 5px; width: 658px; font-size: 24px; text-transform: uppercase; font-family: semi;} #generacion-contenido .general p {color: #888889; } #generacion-contenido .general .precio {padding: 20px 30px; float: left; color: #FFF; background-image: url('../Imagenes/Sistema/fondo-precio.png'); background-repeat: no-repeat;} #generacion-contenido .general .precio span{display: block; font-size: 25px; font-family: bold; clear: both;} #generacion-contenido .caracteristicas {margin-bottom: 20px; overflow: hidden;} #generacion-contenido .caracteristicas h2 {border: 1px #CCC solid; margin-bottom: 20px; padding: 10px 15px; font-size: 21px; text-transform: uppercase; color: #1c1c1c; background-color: #fbfbfb; border: 1px 3a5a5a5 solid; } #generacion-contenido .caracteristicas .item {color: #323232; min-height: 460px; border: 1px #CCC solid; padding: 20px 15px; width: 338px; float: left; margin-right: 15px;} #generacion-contenido .caracteristicas .item:last-child {margin-right: 0;} #generacion-contenido .caracteristicas .item h3 {color: #1c1c1c; font-size: 21px; padding-bottom: 10px; margin-bottom: 5px;} #generacion-contenido .caracteristicas .item .rojo {border-bottom: 5px #d32028 solid ;} #generacion-contenido .caracteristicas .item .azul {border-bottom: 5px #00bdee solid ;} #generacion-contenido .caracteristicas .item .verde {border-bottom: 5px #8bc53f solid ;} #generacion-contenido .caracteristicas .item p{margin: 15px 0 20px; font-size: 14px; color: #888889; } #generacion-contenido .caracteristicas .item ul {margin: 0 20px;} #generacion-contenido .caracteristicas .item li {list-style-type: square; margin-left: 12px; font-size: 16px; } #generacion-contenido .caracteristicas .item span {color: #888889;} #generacion-contenido .compartir {float: right; clear: both; margin-bottom: 70px;} #generacion-contenido .compartir span{margin-right: 5px; color: #888889; font-size: 14px;} #generacion-contenido .slide-proyectos {overflow: hidden;} #generacion-contenido .slide-proyectos .tabs {margin-bottom: 20px; padding: 10px 0; background-color: #323232; clear: both; overflow: hidden;} #generacion-contenido .slide-proyectos .tabs b{ padding: 10px 15px; display: block; float: left; border-right: 1px #676565 solid; border-left: 1px #242424 solid;} #generacion-contenido .slide-proyectos .tabs b:first-child{border-left: none;} #generacion-contenido .slide-proyectos .tabs b:last-child{border-right: none;} #generacion-contenido .slide-proyectos .tabs a{ color:#FFF; font-size: 17px; padding: 5px 10px;} #generacion-contenido .slide-proyectos .tabs .actual {padding: 5px 10px; border-radius: 10px; background-color: #d62629; color: #FFF;} #generacion-contenido .slide-proyectos .tabs a:hover{padding: 5px 10px; border-radius: 10px; background-color: #d62629; color: #FFF;} #generacion-contenido .slide-proyectos .contenido .izq {margin: 120px 10px 0 0; width: 31px; height: 71px; display: block; float: left; background-image: url('../Imagenes/Sistema/flecha-izq-2.png'); background-repeat: no-repeat;} #generacion-contenido .slide-proyectos .contenido .der {margin: 120px 10px 0 0; width: 37px; height: 71px; display: block; float: left; background-image: url('../Imagenes/Sistema/flecha-der-2.png'); background-repeat: no-repeat;} #generacion-contenido .slide-proyectos .contenido ul li{padding: 10px 15px; width: 302px; border: 1px #CCC solid; float: left; height: 280px; margin-right: 16px;} #generacion-contenido .slide-proyectos .contenido ul li span {padding: 7px 20px; margin: 20px 70px 0; display: block; text-align: center;background-color: #464547; border-radius: 8px; color: #FFF; font-size: 13px; } #generacion-contenido .slide-proyectos .contenido .imagen {width: 296px; height: 210px;} #generacion-contenido .tipos {padding:20px 0 30px; background-color: #f7f7f7; overflow: hidden;} #generacion-contenido .tipos .item {padding: 20px 14px; border-right: 1px #bec0c2 solid; width: 256px; height: 150px; float: left; } #generacion-contenido .tipos .borde {border-bottom: 1px #bec0c2 solid;} #generacion-contenido .tipos .item .icon {width: 45px; height: 45px; margin: 0 105px; float: left;} #generacion-contenido .tipos .item h3 {margin-top: 40px; width: 258px; color: #404041; float: left; text-align: center; font-size: 18px;} #generacion-contenido .tipos .item .descripcion {margin-top: 12px; color: #888889; clear: both; font-size: 14px;} #articulos-ver {} #articulos-ver .izq{padding-left: 0px} #articulos-ver .izq .top {background-color: #e6e6e6; padding: 12px 20px;; margin-bottom: 10px; overflow: hidden;} #articulos-ver .izq .top h1 {color: #1c1c1c; font-size: 24px; font-family: regular; text-transform: uppercase; display: block;float: left;} #articulos-ver .izq .top .paginacion {float: right; } #articulos-ver .izq .top .paginacion a{float: left; display: block; font-size: 17px;} #articulos-ver .izq .top .paginacion .ant {color: #808184; padding-right: 10px; border-right: 1px #CCC dashed;} #articulos-ver .izq .top .paginacion .ant i {color: #808184; margin-right: 5px;} #articulos-ver .izq .top .paginacion .sig {color: #1c1c1c; padding-left: 10px;} #articulos-ver .izq .top .paginacion .sig i {color: #404041; margin-left: 5px;} #articulos-ver .izq .fecha {margin-left: 16px; color: #d62629; font-size: 13px; font-family: it; margin-bottom: 20px; clear: both;} #articulos-ver .izq .fecha i {font-size: 7px; margin-right: 3px; margin-top: 3px; display: block; float: left;} #articulos-ver .izq .slide {position: relative; width: 100%; overflow: hidden;} #articulos-ver .izq .slide .vistos {padding: 5px 10px; top: 10px; right: 15px; border-radius: 10px; text-align: center; position: absolute; color: #FFF; font-size: 15px; font-family: semi; background-color: rgba(0,0,0,0.7);} #articulos-ver .izq .slide .zoom {padding: 5px 10px; top: 10px; left: 15px; border-radius: 10px; text-align: center; position: absolute; color: #FFF; font-size: 14px; font-family: regular; background-color: rgba(0,0,0,0.7);} #articulos-ver .izq .slide .zoom i {color: #FFF; margin-right: 3px;} #articulos-ver .izq .slide .vista-listado {bottom: 0; position: absolute; width: 100%; transition: all 0.3s ease 0s;} #articulos-ver .izq .slide .vista-listado.ocultar { height: 38px; } #articulos-ver .izq .slide .vista-listado .more {margin: 0 381px; padding: 5px; width: 80px;border-radius: 8px 8px 0 0 ; height: 24px; text-align: center; display: block; color: #FFF;background-color: rgba(0,0,0,0.7);} #articulos-ver .izq .slide .vista-listado .more i {font-size: 26px;} #articulos-ver .izq .slide .vista-listado .items {height: 113px; width: 100%; background-color: rgba(0,0,0,0.7); position: relative;} #articulos-ver .izq .slide .vista-listado .items .imagen { float: left; margin: 10px 12px 10px 0px; display: block; width: 142px; height: 93px;} #articulos-ver .izq .slide .vista-listado .items .imagen a {opacity: 0.5;} #articulos-ver .izq .slide .vista-listado .items .imagen a:hover {opacity: 1;} #articulos-ver .izq .slide .vista-listado i {color: #FFF; font-size: 32px;} #articulos-ver .izq .slide .vista-listado .items .actual {border: 2px #d62629 solid; } #articulos-ver .izq .slide .vista-listado .items .actual a {opacity: 1;} #articulos-ver .izq .slide .vista-listado .items .f-izq {margin: 0px 10px 0 2px; top: 45px; left: 0; display: block; position: absolute; z-index: 100;} #articulos-ver .izq .slide .vista-listado .items .f-der { top: 45px; display: block; right: 0; position: absolute; z-index: 101;} #articulos-ver .izq .slide .vista-listado .items ul { padding-left: 32px; padding-right: 30px; } #articulos-ver .izq .extracto {color: #585a5a; margin: 30px 10px 15px; font-family: semi-it; font-size: 15px;} #articulos-ver .izq .cuerpo {color: #666; margin: 20px 10px 30px; font-family: regular; font-size: 15px; } #articulos-ver .izq .cuerpo img{display: inline-block; max-width: 100%; height: auto; box-sizing: border-box;} #articulos-ver .izq .cuerpo strong{font-family: bold;} #articulos-ver .izq .cuerpo p{ margin-bottom: 8px; margin-top: 8px;} #articulos-ver .izq .cuerpo p strong{font-family: bold;} #articulos-ver .izq .cuerpo ul{list-style: disc;} #articulos-ver .izq .cuerpo ul li{list-style: disc;} #articulos-ver .izq .cuerpo iframe{width: 100% !important;} #articulos-ver .izq .cuerpo table{width: 100% !important;} #articulos-ver .izq .cuerpo table tr td{padding-right: 5px; padding-left: 5px;} /*#articulos-ver .izq .cuerpo img{display: block; max-width: 100%; height: auto;}*/ #articulos-ver .izq .archivos { border-bottom: 1px #CCC dashed; padding-bottom: 25px; overflow: hidden; width: 100%;} #articulos-ver .izq .archivos h2{background-color: #e6e6e6; padding: 12px 20px; margin-bottom: 20px; color: #1c1c1c; font-size: 21px; font-family: regular; text-transform: uppercase; } #articulos-ver .izq .archivos .item {margin-left: 25px; padding: 10px 25px 10px 60px; float: left; display: block; border-right: 1px #CCC dashed; background-image: url('../Imagenes/Sistema/icono-folder.png'); background-repeat: no-repeat; -webkit-transition: background-image 10s; transition: background-image 10s; margin-bottom: 15px;} #articulos-ver .izq .archivos .item:hover {background-image: url('../Imagenes/Sistema/icono-folder-hover.png');} #articulos-ver .izq .archivos .item .titulo {font-family: semi; color: #1c1c1c; font-size: 16px;} #articulos-ver .izq .archivos .item .descripcion {font-family: it; font-size: 14px; color: #888889;} #articulos-ver .izq .compartir {float: right; margin: 15px 0;} #articulos-ver .izq .compartir span.tit {display: block; float: left; margin: 6px 5px 10px 0;} #articulos-ver .izq .compartir .widget {float: left;} #articulos-ver .izq .comentarios {overflow: hidden; margin-top: 30px; clear: both;} #articulos-ver .izq .comentarios h2 {margin-bottom: 30px; padding: 10px 15px; color: #FFF; background-color: #333333; text-transform: uppercase; font-size: 21px;} #articulos-ver .izq .comentarios h2 i {color: #FFF; margin-right: 7px; font-size: 21px;} #articulos-ver .izq .comentarios .item {overflow: hidden; border-bottom: 2px #CCC dotted;padding-bottom: 20px; padding-top: 10px; margin-bottom: 15px; padding-left: 0px;padding-right: 0px;} #articulos-ver .izq .comentarios .item .imagen {border: 1px #6b6869 solid; background-color: #FFF; float: left;padding: 0px;} #articulos-ver .izq .comentarios .item .txt {float: left;padding-right: 0px;} #articulos-ver .izq .comentarios .item .nombre {margin-bottom: 15px; color: #333333; font-size: 17px; background-color: #f7f7f7; padding: 5px 10px; border-radius: 5px; float: left; margin-right: 10px;} #articulos-ver .izq .comentarios .item .fecha-c {margin: 8px 0px; color: #d62629; font-size: 14px; font-family: it; float: left;} #articulos-ver .izq .comentarios .item .comentario {font-size: 15px; color: #888889; clear: both;} #articulos-ver .izq .comentar {overflow: hidden; margin-bottom: 40px;} #articulos-ver .izq .comentar h2{background-color: #e6e6e6; padding: 12px 20px; margin-bottom: 20px; color: #1c1c1c; font-size: 21px; font-family: regular; text-transform: uppercase; } #articulos-ver .izq .comentar form .campo {width: 269px; float: left; margin-right: 15px; margin-bottom: 20px;} #articulos-ver .izq .comentar form .campo b{color: #d62629;} #articulos-ver .izq .comentar form .campo input {padding: 10px; width: 249px; height: 18px;} #articulos-ver .izq .comentar form label {clear: both; display: block; font-weight: normal;} #articulos-ver .izq .comentar form .campo-comment {width: 484px; overflow: hidden; clear: left; float: left; margin-right: 30px;} #articulos-ver .izq .comentar form .campo-comment textarea {padding: 15px; width: 100%; color: #58595b; } #articulos-ver .izq .comentar form .botones{ clear: both; text-align: center;} #articulos-ver .izq .comentar form .botones .enviar {display: inline-block; color: #FFF; background-color: #d62629; padding: 8px 40px; text-align: center; font-size: 13pt; font-family: semi; text-align: center;} #articulos-ver .izq .comentar form .botones .enviar:hover {background-color: #99070e;} #articulos-ver .izq .comentar form .captcha {float: left; width: 314px; margin-top: 15px;} #articulos-ver .der {padding-right: 0px;} #articulos-ver .der .categorias {margin-bottom: 20px; background-color: #f6f6f6; padding: 15px 0px;} #articulos-ver .der .categorias .actual {background-color: #dddddd; background-image: url('../Imagenes/Sistema/esquina-mas.png'); background-repeat: no-repeat; background-position: right top; } #articulos-ver .der .categorias .actual a {color: #666666; font-size: 15px; border-bottom: none;} #articulos-ver .der .categorias .actual i {color: #d62629; margin-right: 8px; font-size: 14px;} #articulos-ver .der .categorias li:hover {background-color: #dddddd;} #articulos-ver .der .categorias li a {color: #888889; display: block; padding: 12px 0px; margin: 0 20px; border-bottom: 1px #CCC dashed; } #articulos-ver .der .categorias li:last-child a {border-bottom: none;} #articulos-ver .der .relacionados {overflow: hidden;} #articulos-ver .der .relacionados h3{margin-bottom: 15px; text-transform: uppercase; color: #FFF; background-color: #323232; padding: 10px; font-size: 17px; font-family: regular;} #articulos-ver .der .relacionados .item {margin: 0 11px 20px; padding-bottom: 12px; overflow: hidden; border-bottom: 1px #CCC dashed;} #articulos-ver .der .relacionados .item .imagen{ border: 1px #CCC solid; margin-bottom: 10px;} #articulos-ver .der .relacionados .item .txt {width: 212px; float: left;} #articulos-ver .der .relacionados .item .txt .titulo {color: #1c1c1c; font-size: 16px;} #articulos-ver .der .relacionados .item .txt .fecha-rel {color: #d62629; font-family: it; font-size: 13px; } #articulos-ver .der .relacionados .item .mas {display: block; float: left; height: 31px; width: 31px; background-image: url('../Imagenes/Sistema/icono-mas.png'); background-repeat: no-repeat;} #articulos-ver .der .relacionados .item-relacionados{position: relative; margin-bottom: 5px;} #articulos-ver .der .relacionados .item-relacionados .link-hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;} #articulos-ver .der .relacionados .item-relacionados .item-hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: rgb(0,0,0);background: -moz-linear-gradient(270deg, rgba(0,0,0,0.9110994739692753) 0%, rgba(0,0,0,0.4209033955379027) 100%);background: -webkit-linear-gradient(270deg, rgba(0,0,0,0.9110994739692753) 0%, rgba(0,0,0,0.4209033955379027) 100%);background: linear-gradient(270deg, rgba(0,0,0,0.9110994739692753) 0%, rgba(0,0,0,0.4209033955379027) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);} #articulos-ver .der .relacionados .item-relacionados .item-hover .ctn-relativo{position: relative; height: 100%; width: 100%;} #articulos-ver .der .relacionados .item-relacionados .item-hover .ctn-relativo .ctn-absoluto{position: absolute; bottom: 0; left: 0;} #articulos-ver .der .relacionados .item-relacionados .item-hover .ctn-relativo .ctn-absoluto h2{text-align: right; color: #FFF; font-size: 20px; font-family: n-bold; margin-bottom: 5px;} #articulos-ver .der .relacionados .item-relacionados .item-hover .ctn-relativo .ctn-absoluto p{text-align: right; color: #FFF; font-size: 19px; font-family: n-light} #articulos-ver .item_equipo{margin-bottom: 10px} #clientes {} #clientes .categorias {margin-bottom: 20px; background-color: #fbfbfb; padding: 10px 15px; overflow: hidden;} #clientes .categorias ul {float: right;} #clientes .categorias ul li {float: left; padding: 0 8px; border-right: 1px #CCC solid; text-align: center;} #clientes .categorias ul li:first-child{border-right: 0px;} #clientes .categorias ul li:last-child{border-right: 0px;} #clientes .categorias span {padding: 5px; display: block; font-size: 18px; color: #000;} #clientes .categorias a {padding: 5px; color: #464547; font-size: 17px; display: block; } #clientes .categorias .actual {padding: 5px 15px; background-color: #d62629; color: #FFF; border-radius: 4px;} #clientes .categorias a:hover {background-color: #d62629; color: #FFF; border-radius: 4px;} #clientes .titulo {margin: 0px auto;padding: 50px 0;overflow: hidden;background-color: #FFF;} #clientes .titulo .icono-clientes{width: 142px; height: 142px; background-image: url('../Imagenes/Sistema/icono-clientes.png'); background-repeat: no-repeat; float: left; margin-right: 20px;} #clientes .titulo .txt { text-align: center;} #clientes .titulo h2 {margin-top: 20px; font-size: 32px; font-family: semi; color: #404041; display: block; clear: both;} #clientes .titulo h3 {line-height: 0.5; font-size: 25px; font-family: it; color: #404041; display: block; clear: both;} #clientes .lista {overflow: hidden; background-color: #fafafa; padding: 25px 15px; } #clientes .lista .item {overflow: hidden; background-color: #FFF; position: relative; margin-bottom: 15px;padding-right: 0px;} #clientes .lista .item .imagen img{margin: 0 auto;} #clientes .lista .item:nth-child(4n) {margin-right: 0px;} #clientes .lista .item .descripcion {padding: 0 15px; top: 0px; margin-top: -125px; left: 0; width: 100%; height: 100%; position: absolute; background-color: rgba(50, 50, 50, 0.95); -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } #clientes .lista .item:hover .descripcion { margin-top: 0px; } #clientes .lista .item .descripcion h3 {margin-top: 40px; margin-bottom: 3px; font-family: bold; font-size: 19px; display: block; text-align: center; color: #FFF;} #clientes .lista .item .descripcion h4 {font-family: it; font-size: 13px; display: block; text-align: center; color: #FFF;} @media(max-width: 479px){ #clientes .lista .item {width: 100%;} } #clientes-ver {} #clientes-ver .logo-proyecto {text-align: center;padding: 40px 0px 30px;background-color: #FFF;} #clientes-ver h1 {padding-bottom: 10px; text-align: center;font-family: it; font-size: 22pt;background-color: #FFF;} #clientes-ver .galeria {clear: both; margin-bottom: 30px; overflow: hidden; text-align: center;} #clientes-ver .galeria .ctn-proyecto {overflow: hidden;float: left;margin-bottom: 10px;} #clientes-ver .galeria .item {border: solid 1px #ccc; position: relative; float: left; } #clientes-ver .galeria .item .hover {padding:8px; bottom: 0; color: #fff; width: 100%; font-size: 11pt; font-family: it; text-align: center; position: absolute; text-shadow: 2px 2px 1px rgba(0, 0, 0, 1);} #clientes-ver .galeria .item:hover{ border: solid 1px #666;} #clientes-ver .tipos {margin-bottom: 40px; padding:20px 0 30px; background-color: #f7f7f7; overflow: hidden;} #clientes-ver .tipos h2 {margin-bottom: 10px; font-size: 25px; color: #1c1c1c;} #clientes-ver .tipos h2 b {font-family: semi-it; color: #d62629;} #clientes-ver .tipos .item {padding: 20px 14px; border-right: 1px #bec0c2 solid; width: 350px; height: 207px; float: left; } #clientes-ver .tipos .borde {border-bottom: 1px #bec0c2 solid;} #clientes-ver .tipos .item .icon {width: 45px; height: 45px; margin-right: 15px; float: left;} #clientes-ver .tipos .item h3 {margin-top: 10px; width: 290px; color: #1c1c1c; float: left; font-size: 21px;} #clientes-ver .tipos .item .descripcion {margin-top: 12px; color: #888889; clear: both; font-size: 14px;} /* #clientes-ver .contacto {height: 222px; background-image: url('../Imagenes/Sistema/fondo-contacto.png'); background-position: center top; background-repeat: repeat-x;} #clientes-ver .contacto .center {padding-left: 100px;} #clientes-ver .contacto p {padding: 63px 0 0 140px; color: #FFF; font-size: 24px; font-family: semi-it; width: 698px; float: left; margin-right: 38px;} #clientes-ver .contacto a{margin-top: 70px; padding: 7px 20px; float: left; font-family: semi; font-size: 19px; text-align: center; display: block; background-color: #FFF; color: #d62629; box-shadow: 3px 5px 4px #232323; }*/ #clientes-ver .slide-similares {overflow: hidden; margin-bottom: 40px;} #clientes-ver .slide-similares .tabs {margin-bottom: 20px; padding: 10px 20px; background-color: #323232; clear: both; overflow: hidden;} #clientes-ver .slide-similares .tabs h3 {font-family: regular; color: #FFF; text-transform: uppercase; font-size: 21px;} #clientes-ver .slide-similares .contenido .izq {margin: 120px 10px 0 0; width: 31px; height: 71px; display: block; float: left; background-image: url('../Imagenes/Sistema/flecha-izq-2.png'); background-repeat: no-repeat;} #clientes-ver .slide-similares .contenido .der {margin: 120px 10px 0 0; width: 37px; height: 71px; display: block; float: left; background-image: url('../Imagenes/Sistema/flecha-der-2.png'); background-repeat: no-repeat;} #clientes-ver .slide-similares .contenido ul li{padding: 10px 15px; width: 302px; border: 1px #CCC solid; float: left; height: 280px; margin-right: 16px;} #clientes-ver .slide-similares .contenido ul li span {padding: 7px 20px; margin: 20px 70px 0; display: block; text-align: center;background-color: #464547; border-radius: 8px; color: #FFF; font-size: 13px; } #clientes-ver .slide-similares .contenido .imagen {width: 296px; height: 210px;} #clientes-ver .titulo { margin: 40px auto; overflow: hidden; margin-bottom: 30px;} #clientes-ver .titulo .icono-clientes{width: 142px; height: 142px; background-image: url('../Imagenes/Sistema/icono-clientes.png'); background-repeat: no-repeat; float: left; margin-right: 20px;} #clientes-ver .titulo .txt {} #clientes-ver .titulo h2 {margin-top: 20px; font-size: 32px; font-family: semi; color: #404041; display: block; clear: both;} #clientes-ver .titulo h3 {line-height: 1; font-size: 12pt; font-family: it; color: #404041; display: block; clear: both;} #index .contenedor:nth-child(4) .col1 {margin: 0; padding: 23px 0;} #magic-mail { overflow: hidden;} #magic-mail .numero {font-family: semi-it !important; display: inline-block;} #magic-mail .top {padding-bottom: 90px; overflow: hidden; background-image: url('../Imagenes/Sistema/fondo-magic-mail.png'); background-repeat: no-repeat; background-position: center top;} #magic-mail .top .logo {} #magic-mail .magic {font-family: smartkid; font-weight: bold;} #magic-mail .top h3{line-height: 1; color: #FFF; font-size: 35px; text-align: center; font-family: smartkid; margin-top: 0; padding-top: 20px;} #magic-mail .top h3 b {color: #FCD900;} #magic-mail .top h3 span {font-size: 50px;} #magic-mail .top .txt {margin-top: 30px;} #magic-mail .beneficios {} #magic-mail .beneficios h2 {padding: 0 15px; margin-bottom: 30px; margin-top: -20px; font-family: smartkid; color: #404041; font-size: 40px;} #magic-mail .beneficios .item {height: 192px; margin-bottom: 50px;} #magic-mail .beneficios .item .icono img {margin: 0 auto; margin-bottom: 15px; transition: all 0.25s ease-in-out 0s;} #magic-mail .beneficios .item .icono img:hover {cursor: pointer; transform: rotate(25deg);} #magic-mail .beneficios .item span {text-align: center; color: #58585B; font-family: semi; font-size: 16.7; display: block;} #magic-mail .precios { margin-top: 40px;} #magic-mail .precios .txt {margin: 30px 0; line-height: 1; text-align: center; font-family: smartkid; text-align: center; font-size: 38px; color: #23ABCE;} #magic-mail .precios .tabla img {margin: 0 auto;} #magic-mail .caracteristicas {overflow: hidden; clear: both; } #magic-mail .caracteristicas .fondo-azul {background-color: #177F99; overflow: hidden; background-image: url('../Imagenes/Sistema/fondo-titulo-2.jpg'); background-repeat: repeat-x;} #magic-mail .caracteristicas .fondo-azul h2 {margin: 0 auto; padding: 55px 0px 25px 15px; max-width: 583px; display: block; background-image: url('../Imagenes/Sistema/icon-magic.png'); background-repeat: no-repeat; background-position: right; font-size: 32px; font-family: it; color: #FFF;} #magic-mail .caracteristicas .fondo-azul h2 .magic {font-size: 38px;} #magic-mail .caracteristicas .fondo-azul .imagen {background-color: #FFF; padding: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; } #magic-mail .caracteristicas .fondo-azul .imagen img {margin: 0 auto;} #magic-mail .caracteristicas ul li {padding: 10px 10px 10px 52px; color: #FFF; font-size: 21px; margin-bottom: 15px;} #magic-mail .caracteristicas .fondo-azul ul li {margin-top: 28px; background-image: url('../Imagenes/Sistema/icono-estrella.png'); background-repeat: no-repeat; display: block;} #magic-mail .caracteristicas .fondo-blanco {margin-top: 40px;} #magic-mail .caracteristicas .fondo-blanco ul li {color: #404041; background-image: url('../Imagenes/Sistema/icono-estrella-2.png'); background-repeat: no-repeat; display: block;} #magic-mail .caracteristicas .fondo-blanco .promo {margin-bottom: 30px; color: #ED1C24; line-height: 1; font-family: smartkid; font-size: 34px; text-align: center;} #magic-mail .caracteristicas .fondo-blanco .imagen img {margin: 0 auto;} #magic-mail .caracteristicas {margin-bottom: 50px;} #magic-mail .ctn-clientes{margin: 20px;} #magic-mail .ctn-clientes h2{font-size: 36px; color: #000; text-align: center; margin-bottom: 30px; font-family: smartkid;} #magic-mail .ctn-clientes .ctn-clientes-item .item-clientes {min-height: 102px;} #magic-mail .ctn-clientes .ctn-clientes-item .item-clientes img{display: block; margin: 0 auto;} .contacto_magic{background-color: #cd352d; padding: 30px 0;} .contacto_magic .btn-contacto-magic{white-space: normal; padding: 7px 20px; float: none; font-family: bold; font-size: 32px; text-align: center; display: block; background-color: #FFF; color: #d62629; box-shadow: 3px 5px 4px #232323; margin: 0 auto 20px auto; border-radius: 0; border: none;} .contacto_magic p{text-align: center; font-family: semi; color: #FFF; font-size: 27px;} #ModalContacto .close{padding: 15px;} #ModalContacto #contacto-ventana{padding: 15px 0;} #ModalContacto #contacto-ventana .terminos{padding: 4px 15px;} #ModalContacto #contacto-ventana .enviar{border: none;} .confirmacion-datos{ border: solid 1px #ccc; background-color: #fff; margin: 30px auto; padding: 15px; max-width: 1125px; font-size: 20pt;} #ModalMapa{} #ModalMapa .modal-content{border-radius: 0;} #ModalMapa .modal-header{border-bottom: none; padding: 10px 15px;} #ModalMapa .modal-body{padding: 0;} @media (max-width: 1220px) { .center {width: 100%} #clientes-ver .titulo h2{padding-left: 15px;} } @media (max-width:1140px) { #index .contenedor:nth-child(4){ padding-left: 10px; padding-right: 10px;} #articulos-ver .izq .comentarios .item{padding-left: 15px;padding-right: 10px;} #articulos-ver .izq .comentar .c{padding-left: 15px; margin-bottom: 0;} #articulos-ver .izq .comentar .formulario .c{margin-bottom: 0;} #articulos-ver .izq .comentar form .botones .enviar{margin-right: 15px;} .nopadd-center-l{padding-left: 10px;} #header .menu.fijo a{font-size: 14px;} } @media (max-width: 1024px) { #index .block-clientes .list-items{height: auto;} #index .block-articulos{ padding-left: 10px; padding-right: 10px;} } @media (min-width: 1012px) { .menu-movil{ display: none;} } @media (max-width: 1012px) { #header .menu{ display: none;} #header .logo{ display: none;} #header{ height: 40px;} } @media (min-width: 970px){ #magic-mail .caracteristicas .fondo-azul .imagen {height: 456px;} } @media (max-width: 970px){ /* Inicio de la medida sm */ #magic-mail .caracteristicas .fondo-azul .imagen {height: 100%;} } @media (max-width: 991px){ #header .ctn-logo-redes{display: none;} } /* Inicio de la medida sm */ @media (max-width: 991px){ /* Inicio de la medida sm */ #articulos .izq h2{background-repeat: repeat;} #articulos .izq{margin-bottom: 15px;} #articulos .der{padding: 0px;} #articulos-ver .der{padding: 0px;} #articulos-ver .izq .comentarios .item{padding-left: 15px;padding-right: 10px;} #articulos-ver .izq .comentar .c{padding-left: 15px;} #articulos-ver .izq .comentar form .botones .enviar{margin-right: 15px;} #articulos-ver .izq .slide img{width: 100% !important} #index .block-articulos .item{padding-top: 0} #index .block-articulos .articulo{margin-top: 0;} #index .block-articulos .item .data-item .preview{min-height: 0;} } @media (max-width: 768px) { #index .block-articulos{ padding-left: 0px; padding-right: 0px;} #index .block-articulos .list-items{ margin: 0;} #index .block-clientes .list-items{height: auto;} #index .block-articulos .articulo{height: auto; padding-bottom: 30px; } #index .block-clientes{ margin: 20px 0px 0 0px;} #index .block-proyectos .tabs-contenido .slide-proyectos .it .content{ position:static; background-color: #b41f25; overflow: hidden; min-height: 146px;} #index .block-proyectos .tabs-contenido .slide-proyectos .it .content .item{ max-width:none; float: none; margin: 25px; width: auto; margin-bottom: 10px; } #index .block-proyectos .tabs-contenido .slide-proyectos .it .content .item h2 { font-size: 20pt; line-height: 20pt; } /*#index .block-proyectos .tabs{ margin-top: 10px;}*/ /*#index .block-proyectos .tabs li{ margin-bottom: 5px;}*/ #footer .block-info{padding-left: 10px; padding-right: 10px;} #articulos-ver .izq .archivos .item{padding: 13px 25px 10px 76px;background-position: 13px 0px;margin-left: 0px;} #articulos-ver .izq .comentarios .item{padding-left: 5px;padding-right: 5px;} #articulos-ver .der .relacionados a img{width: 100% !important;} /*#index .block-proyectos .tabs li.active{padding: 5px 0;}*/ #index .block-proyectos .heading{margin: 0px;padding: 0px;} /* #index .block-proyectos .tabs li{width: 100%;border-bottom: 1px dotted #bec0c2;}*/ /*#index .block-proyectos .tabs li + li{border-bottom: 1px dotted #bec0c2;border-right-width: 0px;padding: 5px 0;}*/ /*#index .block-proyectos .tabs li + li:last-child{border-bottom-width: 0px;}*/ #index .block-proyectos{border-top-width: 0px;} #index .contenedor{padding: 0 15px;} #index .block-proyectos .heading h2{margin-bottom: 15px;} #contacto-ventana .item .icono{display: none} .body-magic #footer{padding: 0;} #index .block-articulos .articulo .data-item h4 {max-height: none; padding: 10px;} #index .block-articulos .articulo .data-item > p{padding: 0 10px;} #index .block-articulos .articulo .data-item .preview{padding: 0 10px;} #index .block-articulos .articulo .data-item a.boton{margin: 10px 10px 0;} #index .block-proyectos .tabs-contenido .slide-proyectos .it .content .item h2 a{font-size: 20pt; line-height: 24pt; display: block; width: 100%;} #index .block-proyectos .tabs-contenido .slide-proyectos .it .content .item .desc{display: none;} #index .block-proyectos .tabs-contenido .slide-proyectos .it{min-height: 349px; background-color: #b41f25;} } @media (max-width: 768px) { /* Inicio de la medida xs */ #magic-mail .top .logo {background-color: #23ABCE;} #magic-mail .top .logo img {margin: 0 auto} #magic-mail .top {background-position: -460px bottom;} #index .block-portafolio{padding: 60px 0 0;} #index .block-portafolio .item{min-height: 324px;} } @media (max-width: 767px) { #articulos-ver .izq{padding: 0px;} } @media (max-width: 479px){ #magic-mail .top .logo {padding-bottom: 30px;} #magic-mail .top .txt {margin-top: 0px;} #magic-mail .top .txt h3 {padding-top: 0;} #articulos-ver .der .relacionados a{margin-bottom: 10px;} #clientes-ver .galeria .ctn-proyecto{width: 100%} #clientes-ver .galeria .item img{width: 100% !important} .contacto_magic p{font-size: 20px;} .contacto_magic .btn-contacto-magic{font-size: 19px;} #magic-mail .top {background-position: -255px bottom;} #magic-mail .caracteristicas .fondo-azul h2{background-position: bottom right; background-size: 95px;} #magic-mail .beneficios h2{text-align: center;} #index .block-proyectos .tabs-contenido .slide-proyectos .it .content .item{padding-bottom: 0;} #index .block-proyectos .tabs-contenido .slide-proyectos .it .content .item h2 a{font-size: 19pt;} #index .block-proyectos .tabs-contenido .slide-proyectos .it .content .item p{font-size: 16px;} #index .block-proyectos .tabs-contenido .slide-proyectos .it .content{min-height: 161px;} #index .block-proyectos .tabs-contenido .slide-proyectos .it{min-height: 300px;} #footer .ctn-contacto .item-contacto-footer span{width: 22px; float: left; display: block;} #footer .ctn-contacto .item-contacto-footer .ctn-txt{float: left; width: calc(100% - 29px);} #articulos-ver .izq .comentar form .botones .enviar{width: 100%;} } @media (max-width: 479px){ #magic-mail .ctn-clientes .ctn-clientes-item .item-clientes{width: 50%; margin-bottom: 15px;} } @media (max-width: 362px){ #magic-mail .top .txt {background-color: #23ABCE} #articulos .der .item .imagen-ppal{width: 100% !important;} #articulos .der .item .texto{width: 100% !important;} #articulos .der .item .imagen-ppal{margin-bottom: 15px;} #articulos .der .item .imagen-ppal img{width: 100% !important;} #articulos-ver .izq .archivos .item{border-right-width: 0px;border-bottom: 1px #CCC dashed;width: 100%;} #articulos-ver .izq .archivos{border-bottom-width: 0px;} #articulos-ver .izq .top{padding: 10px 9px;} #articulos-ver .der .relacionados a{width: 100% !important;} #articulos-ver .item_equipo {width: 50% !important;} }