﻿/*
 * Descripción: ESTUDIOS SAN MARTÍN
 * Copyright (c) 2019
 *
 */


/*=========================
		H1-H2-H3
=========================*/

.title{font-family: 'Martel Sans', sans-serif; font-size:2.25em; font-weight:800; line-height:1.2857em; color:#4b4b4b; margin-bottom:20px; position:relative; display:table; width:auto;}
.title a {text-decoration:none; color:#4b4b4b;}
.title a:hover, .title a:focus {text-decoration:none; color:#4b4b4b;}

.title.zonaubi{color:white; display:block;}
.title.zonaubi a, .title.zonaubi a:hover{color:white;}

.zona-title .title{position: relative; margin:0 auto 0px auto;}
.zona-title .title:before{content: ""; width: 25px; height: 1px; background: #2a2a2a; position: absolute; bottom: -10px; right: 50%; margin-right: 9px; transition-duration: 0.25s;}
.zona-title .title:after{content: ""; width: 25px; height: 1px; background: #2a2a2a; position: absolute; bottom: -10px; left: 50%; margin-left: 9px; transition-duration: 0.25s;}

.zona-title:hover .title:before, .zona-title:hover .title:after{width: 40px;}

.zona-title .bola{display: block; margin-bottom:30px }
.zona-title .bola:before{content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; background: #000; margin: 0 auto; position: relative; top: 6px; left:0; right:0;}


.subtitle {font-family: 'Martel Sans', sans-serif; font-size:1.75em; line-height:1.2857em; color:#4b4b4b; margin-bottom:20px; font-weight:700; position:relative}
.subtitle a {text-decoration:none; color:#2f2f2f;}
.subtitle a:hover{text-decoration:none; color:#000;}

.subtitle.big{font-size:2em; font-weight:600}
.subtitle.min{font-size:1.25em; margin-bottom:10px;}
.subtitle.min span{font-weight:400;}
.subtitle.peq{font-size:1.0666em; font-weight:normal;}
.subtitle.peq span{font-size:1.0666em; font-weight:600;}


.subtitle.raya{padding-left:15px
	
}
.subtitle.raya:before{
	content: '';
    width: 4px;
    height: 40px;
    background: #0c54a0;
    position: absolute;
    left: -1px;
    top: -5px;
}

.title.nobottom, .subtitle.nobottom{margin-bottom:0px; padding-bottom:0px;}


/*=========================
		 TEXTOS
=========================*/


.txtlistnot{font-family:'Martel Sans', sans-serif; font-size:1.125em; line-height:1.25em; margin-top:15px;}
.txtlistnot span{font-size:0.8em; color:#a50939; }


.txtop{color:white;}
.txtop a{color:#f7921a; text-decoration:none;}
.txtop a:hover{color:#f7921a; text-decoration:none;}
.txtop.clock{background:url("../images/ico-clock.gif") 0px 5px no-repeat; padding:0px 0px 0px 20px;}
.txtop.arrow{background:url("../images/ico-arrow.gif") right 7px no-repeat; padding:0px 23px 0px 0px;}

.ubica{letter-spacing: 0.5px; word-spacing: 2px; background-color: transparent; font-size: 1em; color:white; text-transform: uppercase;}
.ubica>li{display:inline-block}
.ubica>li+li:before{padding:0 6px 0 1px;color:#ffffff;content:"\203A"; font-weight:normal;}
.ubica li a {color: #ffffff;}
.ubica li a:hover {color: #ffffff; border-bottom:1px solid #ffffff;}
.ubica li.active {color: #ffffff; font-weight:bold;}

.txtmin{font-size: 0.875em; color: #666; line-height: 1.5em; text-decoration: none; padding:2px 0;}
.txtmin a, .txtmin a:focus{color:#666; text-decoration:none}
.txtmin a:hover{color:#333; text-decoration:none;}


.abajo{font-size: 0.875em; color: #666666; line-height: 1.6em; text-decoration: none; text-align:center}
.abajo a, .abajo a:focus{color: #666666; text-decoration: none;}
.abajo a:hover, .abajo a:focus{color: #4b4b4b; text-decoration: none;}

.abajo span{font-size:0.9375em; font-style:italic; max-width:1000px; display:block; margin:20px auto 0 auto;}

.titaba{font-size: 1.375em; font-family: 'Martel Sans', Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; display: inline-block; position:relative; margin-bottom: 25px; padding-bottom:10px}
.titaba:before {position: absolute; content: ""; width: 36px; height: 2px; background-color: #b62247; left: 0; bottom: 0;}
.titaba:after {position: absolute; content: ""; width: 2px; height: 2px; background-color: #b62247; left: 38px; bottom: 0;}


.titulo{font-size:1.371em; color:#333; margin-bottom:5px;}
.titulo.min{font-size:1.2142em;}
.titulo.heightoverflow{height:68px; overflow:hidden;}

.txt404 {font-size: 7em; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height:1em; color:#ad0000;}
.txt404_msg, .txtbig{font-family: Arial, Helvetica, sans-serif; font-size:2.5em; color:#333;	line-height:1.2em;}


/*=========================
		 COLORES
=========================*/

.colordest, .azul{color:#0c54a0}
.naranja{color:#f7921a;}
.blanco{color:white;}
.negro{color:black;}
.gris-claro{color:#999999}


.texto{font-size:1.0714em;}

.textshadow-black{text-shadow: 1px 1px 10px rgba(0,0,0,0.4);}
.textshadow-white{text-shadow: 1px 1px 6px rgba(255,255,255,0.5);}


/*=========================
       MEDIA QUERIES
=========================*/


@media (max-width: 768px){
	.txt404 {font-size: 4.375em;}
	.txt404_msg, .txtbig {font-size: 1.875em;}
}
