@import url(./layout.css);
@import url(./styles.css);

DIV.spacer {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: none;
	font-size: 1px;
	height: 1px;
}


DIV.top {
	background:#344b66;
	height:9px;
}


DIV.identification {
    height: 155px;
    margin-left: 80px;
}

DIV.identification H1{
	padding: 93px 0px 0px 190px;	
	display:none;
}

DIV.identification H2{
	display:none;
}


DIV.search DIV.informationTypes A.selected, DIV.search DIV.searchForm {
}

DIV.results DIV.resultServices DIV H4, 
DIV.resultSet DIV.infoBar {
}

DIV.results DIV.resultServices {
    width: 33.33333333%; /*250px;*/
    float: left;
}
.resultOptions {
    width: 66.66666667%; /*73%;*/
}
DIV.results DIV.resultSet {
    width: 66.66666667%; /*73%;*/
}

.record:hover {
	background: #f9fcfe;
}


#fulltext strong {
	background: none !important;
}

#fulltext.closed strong {
	background: none !important;
}

/* Para garantizar que el sitio sea responsive por Victor : IMPORTANTE: Dejar este codigo siempre de ultimo*/
@media screen and (min-width: 1024px) {
    DIV.results DIV.resultServices {
        width: 18.33333333%; /*250px;*/
        float: left;
    }
    .resultOptions {
        width: 81.66666667%; /*73%;*/
    }
    DIV.results DIV.resultSet {
        width: 81.66666667%; /*73%;*/
    }
    .pagination{
        width: 60%;
    }
    .totalResults{
        width: 29%;
    }
}
@media screen and (min-width: 1400px) and (max-width: 1550px) {
    /*DIV.results DIV.resultSet {
        width: 75%;
    }
    .resultOptions {
        width: 1110px;
    }*/

    DIV.results DIV.resultServices {
        width: 18.33333333%; /*250px;*/
        float: left;
    }
    .resultOptions {
        width: 81.66666667%; /*73%;*/
    }
    DIV.results DIV.resultSet {
        width: 81.66666667%; /*73%;*/
    }
    .pagination{
        width: 60%;
    }
    .totalResults{
        width: 29%;
    }
}
/* Small tablet landscape (800x600) por el Ing. Victor Ricardo Diaz*/
@media screen and (min-width: 600px) and (max-width: 700px) {
    #searchForm .submit {
        width: 12%;
    }
    /*DIV.results DIV.resultServices {
        width: 240px;
    }
    .resultOptions {
        width: 340px;
    }
    DIV.results DIV.resultSet {
        width: 340px;
    }*/
    DIV.results DIV.resultServices {
        width: 33.33333333%; /*250px;*/
        float: left;
    }
    .resultOptions {
        width: 66.66666667%; /*73%;*/
    }
    DIV.results DIV.resultSet {
        width: 66.66666667%; /*73%;*/
    }
    .pagination, .totalResults{
        width: 100%;
        float: none;
        text-align: left;
    }
}
/* Tablet portrait (768x1024) */
@media screen and (min-width: 768px) and (max-width: 800px) {
    #searchForm .submit {
        width: 12%;
    }
    DIV.results DIV.resultServices {
        width: 240px;
    }
    .resultOptions {
        width: 500px;
    }
    DIV.results DIV.resultSet {
        width: 500px;
    }
    .pagination{
        width: 100%;
    }
    .totalResults{
        width: 100%;
    }
}
/* Small tablet portrait (600x800) */
@media screen and (min-width: 800px) and (max-width: 900px) {
    #searchForm .submit {
        width: 12%;
    }
    DIV.results DIV.resultServices {
        width: 100%; /*240px;*/
    }
    .resultOptions {
        width: 100%; /*540px;*/
    }
    DIV.results DIV.resultSet {
        width: 100%; /*540px;*/
    }
    .pagination{
        width: 100%;
    }
    .totalResults{
        width: 100%;
    }
	
}
/* Mobile landscape (480x320) */
@media screen and (min-width: 480px) and (max-width: 600px) {
    #searchForm .submit {
        width: 25%;
    }
    DIV.results DIV.resultServices {
        width: 100%;
    }
    DIV.resultsBar {
        float: none;
        width: 100%;
    }
    .resultOptions {
        width: 100%;
    }
    DIV.results DIV.resultSet {
        width: 100%!important;
    }
    .pagination{
        width: 100%;
    }
    .totalResults{
        width: 100%;
    }
}
/* Mobile portrait (320x480) */
@media screen and (max-width: 480px) {
    #searchForm .submit {
        width: 25%;
    }
    DIV.resultsBar {
        float: none;
        width: 100%;
    }
    .resultOptions {
        width: 310px;
    }
    DIV.results DIV.resultSet, DIV.results DIV.resultServices {
        width: 100%!important;
    }
    .pagination{
        width: 100%;
    }
    .totalResults{
        width: 100%;
    }
}