@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,300,600);

    html,body{margin:0;padding:0;color:#333;font-family: 'Open Sans', sans-serif;font-size:12px;}
    img{border:none;}



	
	.camera_caption a{
	color:#FFF;
	}
	
    nav{
        font-size: 16px;
        margin-bottom: 36px;
        text-align: center;
        background: #f5f5f5;
        background: -moz-linear-gradient(top,#fafafa,#f5f5f5);
        background: -webkit-linear-gradient(top,#fafafa,#f5f5f5);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fafafa),color-stop(1,#f5f5f5));
        background: linear-gradient(top,#fafafa,#f5f5f5);
        border-bottom: 1px solid #eee;
        color: #444;
        min-height: 44px;
    }
    nav a{
        margin:0 15px;
    }
    nav a:hover{
        text-decoration:underline;
    }
    h1{
        font-size: 38px;
        font-weight: normal;
        text-transform: uppercase;
        border-bottom: 1px solid #D7D7D7;
    }

    .ERights{
        background-color: #222;
        color:#FFF;
    }
    .legal{
        margin: 8px;
        text-align: center;
    }



    .DLinks{
        margin:30px 30px;
    }
    .DLinks h3{
        font-weight:normal;
        color:#Fc3;
        font-size:14px;
    }
    .DLinks ul{
        padding:0;
        padding-left:10px;
    }
    .DLinks ul li{
        margin:4px 0;
    }
    .DLinks ul a{
        color:#D7D7D7;
    }
    .DLinks ul a:hover{
        color:darkcyan;
    }
    .DLinks.social img{
        width:30px;
        margin:5px;
    }
    .listRecordImage{
        text-align:center;
    }
	.listRecordDesc{
		text-align:justify;
	}

    ul{
        list-style-type:none;
    }
    a{
        color:#333;
        text-decoration:none;
    }

    .listRecordTitle{
        font-weight: normal;
        font-size: 24px;
        margin:5px 0;
    }
    .brand{
        font-weight: 300;
        line-height: 1.375;
        text-align:left;
        color:#111;
    }
    .brand span{
        font-size:10px;
    }
    .brand p{
        line-height:1;
        margin:0;
        font-size:24px;
    }
    h2{
        font-weight: 100;
        font-size: 30px;
    }

    .thumbnailDetail{
        max-width:400px;
        width:400px;
        height:265px;
        margin-right:15px;
        margin-bottom:20px;
        display:inline-block;
        vertical-align:top;
    }
    .importantData{
        display:inline-block;vbericla-align:top;
        font-weight:bold;
        max-width:350px;
        position:relative;
    }
    .fldVal{
        font-weight:normal;
        left:80px;
		display:block;
    }

	
	.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;



font-family: 'Open Sans', sans-serif;
font-size: 15px;

}
.pagination>li {
display: inline;
}
.pagination-sm>li>a, .pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px;
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.428571429;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination a {
color: #2879d0;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
color: #999;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #428bca;
border-color: #428bca;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
background-color: #eee;
}

.center {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width:24%;
}

.free{
color:#0C0;
}
a.moreRecords{

}

a.moreRecords1{
color:#06F;
}

.listalink{
    color:#06F;
    text-decoration:underline;
}

#faq{
    background: #FFF;
    padding: 10px;
    width: 300px;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    overflow: hidden;
    position: relative;
    margin:auto;
    margin-top:12px;
}

#faq > a:hover{
    text-decoration:underline;
    color:#06F;
}
.clear{
    float:none;
    clear:both;
}

.faq1{
    padding: 10px;
    width: 50%;
    overflow: hidden;
    position: relative;
    margin:auto;
    margin-top:12px;
}
.faq1 a p p{
    font-size:16px;
    font-weight:bold;
}

 .faq1 p{
     font-size:14px;
     color:#000000;
 }

.textcentro{
    text-align:center;
}

.centro{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:50%;
}

.centro1{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:75%;
}


/*Aliados*/


#aliadiv{
    width:70%;
    margin:auto;
}

.allybox{
    display:inline-block;
    background: #FFF;
    padding: 2%;
    width: 150px;
    height:150px;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    overflow: hidden;
    position: relative;
    margin:auto;
    margin-top:12px;
}

.allybox:hover{
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

.alimg{
    display:block;
    margin:auto;
    max-width:90%;
    max-height:90%;
}


/* Tabla con selector */


th,td{
        padding:5px;
    }
th{
    background-color:#0099ff;
    color:white;
    text-align:center;
    font-size:19px;
}
tr{
    text-align:center;
}

tr:nth-child(even){background-color:#f2f2f2;
}
tr:hover{
    background-color:#e6f2ff;
}


/*FAQ*/


.pago{
    width:75%;
    border:1px solid #ededed;
    margin:auto;
}
.pago p{
    padding:10px;
}
.pagohead{
    background-color:#02aaf2;
    height:40px;
    padding:5px;
}


/*Galería*/

#gallerydiv{
    width:75%;
    margin:auto;
}

.gallerybox{
    display:inline-block;
    background: #FFF;
    padding: 2%;
    width: 40%;
    height:40%;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    overflow: hidden;
    position: relative;
    margin:5px;
    margin-top:12px;
}

.gallerybox:hover{
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

.gallerybox > a > img{
    max-width:100%;
    max-height:100%;
}

.galleryimg{
    display:inline-block;
    max-width: 30%;
    padding:5px;
}

.galleryimg:hover{
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

.galleryback{
    height: 50px;
    width: 50px;
    background-color: #bbb;
    border-radius: 50%;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
        body{
        /*yelllow*/
        }
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
		body{
		/*green*/
		}
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
		body{
		/*blue*/
		}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
        
		body{
		/*pink*/
		}
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        
		body{
		/*orange*/
		}

	}