@font-face {
font-family: "Panton-Black";
src: url("../../fonts/Panton-Black.otf");
}


@font-face {
font-family: "Panton-BlackItalic";
src: url("../../fonts/Panton-BlackItalic.otf");
}

@font-face {
font-family: "Panton-Bold";
src: url("../../fonts/Panton-Bold.otf");
}

@font-face {
font-family: "Panton-BoldItalic";
src: url("../../fonts/Panton-BoldItalic.otf");
}

@font-face {
font-family: "Panton-ExtraBlack";
src: url("../../fonts/Panton-ExtraBlack.otf");
}

@font-face {
font-family: "Panton-ExtraBlackItalic";
src: url("../../fonts/Panton-ExtraBlackItalic.otf");
}

@font-face {
font-family: "Panton-ExtraBold";
src: url("../../fonts/Panton-ExtraBold.otf");
}

@font-face {
font-family: "Panton-ExtraBoldItalic";
src: url("../../fonts/Panton-ExtraBoldItalic.otf");
}

@font-face {
font-family: "Panton-ExtraLight";
src: url("../../fonts/Panton-ExtraLight.otf");
}

@font-face {
font-family: "Panton-ExtraLightItalic";
src: url("../../fonts/Panton-ExtraLightItalic.otf");
}

@font-face {
font-family: "Panton-Italic";
src: url("../../fonts/Panton-Italic.otf");
}

@font-face {
font-family: "Panton-Light";
src: url("../../fonts/Panton-Light.otf");
}

@font-face {
font-family: "Panton-LightItalic";
src: url("../../fonts/Panton-ExtraLightItalic.otf");
}

@font-face {
font-family: "Panton-Regular";
src: url("../../fonts/Panton-Regular.otf");
}

@font-face {
font-family: "Panton-SemiBold";
src: url("../../fonts/Panton-SemiBold.otf");
}

@font-face {
font-family: "Panton-SemiBoldItalic";
src: url("../../fonts/Panton-SemiBoldItalic.otf");
}

@font-face {
font-family: "Panton-Thin";
src: url("../../fonts/Panton-Thin.otf");
}

@font-face {
font-family: "Panton-ThinItalic";
src: url("../../fonts/Panton-ThinItalic.otf");
}

@font-face {
    font-family: "Helvetica-Bold";
    src: url("../fonts/HelveticaLTStd-Bold.otf");
}


@font-face {
font-family: "Helvetica-Light";
src: url("../fonts/Helvetica-Light.otf");
}

a
{
	color: #004e46;
}

a:hover
{
	color: #002a26;
}

body
{
	font-family: "Panton-Regular";
	padding-top: 160px;		
    font-size: 11pt;
	color: #555;	
}

header
{	
	background-color: #f3f3f3;		
}

/******* Menu *******/
.header-belt
{
	font-family: "Panton-Light";	
	background-color: #eee;	
	font-size:.95em;	
}

.header-belt .upper
{
	text-transform: uppercase;
	font-family: "Panton-SemiBold";
}

/******* Footer *******/
footer
{
    background-color: #a82887;
}

.subfooter
{
    background-color: #801665;
}

.footer-heading
{
    color: #FFD1B5;
}

.footer-links
{
    color:#FFD1B5 !important;
}

.footer-links:hover
{
    color:#E89587 !important;   
}

/******* Banner superior *******/
.banner-top
{
    background:url("../../img/cjmy/bg-header.jpg");
    background-color:rgba(168, 40, 135, .89);
    background-size:cover;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 800px;
}

.banner-top-title
{
    background:rgba(168, 40, 135, .89);
    color:#fff;
    text-align:center;
    padding-top:1.8em;
    padding-bottom:1.8em;
    font-family:"Panton-Bold";
}

.banner-top-footer
{
    margin-top: 400px;
}

#imgh
{
    min-height: 300px;  
    background-image: url("../../img/cjmy/btn-violentometro.png");
    background-size: cover;
    background-position: center;
}

.banner-top-yellow
{
    background:rgba(239, 201, 86, .89);
    color:#8e1c58;
    text-align:justify;    
    font-size:1.5em;    
}

/******* Titulos *******/
.titulos
{
    color: #a82887 !important;
    font-size: 1.5em !important;
}

/******* Secciones *******/
section
{
    margin-bottom: 30px;
}

section p,
.lista
{    
    font-size: 1.2em;
}

/******* Servicios *******/
.servicios
{
    font-size: 1.2em;
    background-size: 8%;
    background-position: left;
    background-repeat: no-repeat;
    padding-left:105px;
    margin-bottom: 30px;
    min-height: 100px;
}

#fge
{
    background-image: url("../../img/cjmy/01.png");    
}

#menor-y-familia
{
    background-image: url("../../img/cjmy/02.png");
}

#secretaria-mujeres
{
    background-image: url("../../img/cjmy/03.png");   
}

#secretaria-desarrollo-social
{
    background-image: url("../../img/cjmy/04.png");
}

#secretaria-educacion
{
    background-image: url("../../img/cjmy/05.png");
}

#cepredey
{
    background-image: url("../../img/cjmy/06.png");
}

#salud
{
    background-image: url("../../img/cjmy/07.png");
}

#fomento-economico
{
    background-image: url("../../img/cjmy/08.png");
}

#albergue
{
    background-image: url("../../img/cjmy/09.png");
}

#registro-civil
{
    background-image: url("../../img/cjmy/10.png");   
}