/***** Proyecto: Minerva S.F. Autor: Minerva S.F. *****/ /********************************************************************************************************************************************************** ********************************************************************* TEXTOS LARGOS *********************************************************************** /*********************************************************************************************************************************************************/ #website .textoslargos{ display:block; width: 920px; margin: 0 auto; margin-top:40px; font-size: 14px; text-align: justify; margin-bottom:40px; } #website .textoslargos .txtlrgtit { display:block; width: 920px; background-color:#4f4f4f; color:#ffffff; font-size:14px; padding:8px 0 8px 10px; font-weight:bold; margin:35px 0 15px; text-align:center; } #website .textoslargos tr { font-family: "DINProRegular", Arial, sans-serif; font-size: 13px; color: #777777; } #website .textoslargos tr td { padding:10px; } #website .textoslargos p{ margin-bottom:20px; line-height:21px; color:#777777; font-size:15px; } #website .textoslargos .iconoizq { float: left; display: inline-block; margin-right: 20px; width: 100px; margin-bottom:8px; } #website .textoslargos .iconoder { float: right; display: inline-block; margin-left: 20px; width: 100px; } #website .textoslargos .subtitulo { display: block; width: 100%; text-align: center; font-weight: bold; padding: 8px 0; margin: 27px auto; color: #000000; border-radius:4px; } #website .textoslargos .subverde { background-color: #4dba9b; } #website .textoslargos .subrojo { background-color: #da5f4e; } #website .textoslargos .subazul { background-color: #a3cddd; } #website .textoslargos .submorado { background-color: #ae85cd; color: #ffffff; } #website .textoslargos .subgranate { background-color: #ae3e70; color: #ffffff; } #website .textoslargos .subverdeam { background-color: #a6cc3e; } #website .textoslargos .subnaranja { background-color: #ffbd49; } #website .textoslargos .contenimagen { text-align:center; width:100%; display:block; margin:20px auto 30px; } #website .textoslargos .contenimagen img{ width:400px; } #website .textoslargos .contenimagen .imgminmob{ width:525px; margin-left:84px; } #website .textoslargos .resaltado { font-size: 24px; display: block; background-color: #2ba3d8; color: #ffffff; margin-left: -20px; margin-bottom:20px; padding: 20px; width: 920px; height:120px; border-radius:8px; } #website .textoslargos .resaltado img{ float: left; display: inline-block; margin-right: 20px; } #website .textoslargos .resaltado .txtresaltado { display: inline-block; float: left; padding-top: 30px; width: 780px; } #website .textoslargos .textoref { font-size: 13px; } #website .textoslargos ul{ display:block; margin:15px 0 0 30px; color:#777777; } #website .textoslargos ul li { margin-bottom:15px; } #website .textoslargos ol{ display:block; margin:15px 0 40px 30px; list-style: decimal; color:#777777; } #website .textoslargos ol li { margin-bottom:15px; } #website .textoslargos .dosbotones { width: 100%; margin: 0 auto; overflow: hidden; display: block; text-align: center; margin-top:-15px; } #website .textoslargos .dosbotones .unboton{ background-color:#2ba3d8; color:#ffffff; width:45%; display:inline-block; border-radius: 6px; font-size:18px; margin:0px 5px 20px 5px; padding: 10px 0px; background-color: #3b3b3b; text-decoration: none; transition-property: background-color, color; transition-duration: 0.5s; transition-timing-function: ease-out; -webkit-transition-property: background-color, color; -webkit-transition-duration: 0.5s; -o-transition-property: background-color, color; -o-transition-duration: 0.5s; } #website .textoslargos .dosbotones .unboton:hover { transition-property: background-color, color; transition-duration: 0.5s; transition-timing-function: ease-out; -webkit-transition-property: background-color, color; -webkit-transition-duration: 0.5s; -o-transition-property: background-color, color; -o-transition-duration: 0.5s; background-color:#cccccc; color:#2ba3d8; } #website .textoslargos p .tablarequisitos{ margin: 15px 0 15px 300px; color: #333333; font-size: 15px; border:1px solid #333; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; } #website .textoslargos p .tablarequisitos .fila1{ padding: 10px 20px; border-bottom: 1px solid #333; background-color: #f9f0f4; border-top-left-radius:10px; border-top-right-radius:10px; border-top-left-radius:10px; -moz-border-top-right-radius:10px; -moz-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px; -o-border-top-right-radius:10px; -o-border-top-left-radius: 10px; } #website .textoslargos p .tablarequisitos .fila2 { padding: 10px 20px; border-bottom: 1px solid #333; background-color: #f9f0f4; } #website .textoslargos p .tablarequisitos .fila3 { padding: 10px 20px; background-color: #f9f0f4; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -moz-border-bottom-right-radius: 10px; -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -o-border-bottom-right-radius: 10px; -o-border-bottom-radius: 10px; }