@importurl(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);
/* CSS Document */
*{margin:0; padding: 0 ;}
body { font-family:Arial; background: #666;}
div {max-width: 960px; position:relative ; margin: 0px Auto 0px Auto;}
header { width:100% ; position:relative; height: 219px}
.fotoheader { position: relative ; margin:0 0 0 0; z-index:1}
header img { position: absolute ; margin:-170px 0 0 17px; z-index:2}

#registrate { float:right; margin:-170px 17px 0 0; position:relative; background:#000; z-index:3}
form {background:#000; width: 405px; height:25px;}
form input {border: none; height:10px;}
.datouno  {background:#fff; color:#000; font-size:10px; position:relative; margin: 4px 4px 10px 55px; ; width:105px ; height:15px}
.datodos  {background:#fff; color:#000; font-size:10px; position:relative; margin:5px 4px 4px 240px; width:105px ; height:15px}
.botonuno {background: #FC0; color:#000; font-size:10px; padding:3px; width: 40px; height:20px; position:relative; margin: 0 0 0 6px; cursor:pointer}
.datopuno { font-size:12px; text-align: left;font-family: 'Rosario', sans-serif; position:relative; color:#FFF; margin:9px 0 -20px 5px; width:45px}
.datopdos { font-size:12px; text-align: left;font-family: 'Rosario', sans-serif; position:relative; color:#FFF; margin:-24px 0 -20px 170px; width:55px}


.yaregistrado { font-size:16px; text-align: left; margin:-170px 17px 0px 0px;font-family: 'Rosario', sans-serif; position:relative; color:#FFF; width:196px; height:20px; font-weight: bold; float:right; background:rgba(0, 0, 0, 0.55); padding: 7px 0 7px 3px}
.fotousuario { position: absolute ; margin:-168px 0 0 909px; z-index:12}


.fondop { position: relative ; margin:-170px 0 0 115px; background-color:  rgba(144, 130, 18, 0.55); width:130px ; height:85px; z-index:3}
header h2 { font-family: 'Rosario', sans-serif;font-size:15px; text-align: left; margin:-95px 0 0 122px; padding:19px 0 0 0; position:relative; color:#FFF; width:200px; z-index:4}
header p { font-size:13px; text-align: left; margin: 7px 0px 0px 122px;font-family: 'Rosario', sans-serif; position:relative; color:#FFF; width:200px; z-index:5}
header h1 { font-family: 'Rosario', sans-serif;font-size:50px; text-align: left; margin: 0 0 0 150px; padding:25px 0 0 0; position:relative; color:#FFF; z-index:6}

.redes {float: right; position:relative; margin:40px 233px 0 0; z-index:7}
.twitter {float: right; position:relative; margin:40px -35px 0 0; z-index:7}
.redesdos {float: right; position:relative; margin:40px -70px 0 0; z-index:7}
.redestres {float: right; position:relative; margin:40px -105px  0 0; z-index:7}
.redescuatro {float: right; position:relative; margin:40px -140px  0 0; z-index:7}
.redescinco {float: right; position:relative; margin:40px -175px 0 0; z-index:7}

.homedos {float:left; margin:-44px 0 0 0 ; background:#000; padding:12px 0px 11px 0px; height:21px; width:100%; position: relative}
.homedos ul li {float:left; list-style-type:none;}
.homedos ul li a { font-size:11px; font-family: 'Rosario', sans-serif;color:#FFF; text-decoration:none; padding:5px 19px 5px 0px; background:#000; margin:0 0 0 17px; border-right-color:#FFF; border-right-width:2px; border-right-style:solid; text-align:center}

.homeuno {float:left; margin:-44px 0 0 0 ; background:#000; padding:12px 0px 11px 0px; height:21px; width:100%; position: relative}
.homeuno ul li {float:left; list-style-type:none;}
.homeuno ul li a { font-size:11px; font-family: 'Rosario', sans-serif;color:#FFF; text-decoration:none; padding:5px 19px 5px 0px; background:#000; margin:0 0 0 17px; border-right-color:#FFF; border-right-width:2px; border-right-style:solid; text-align:center}

.sinclumnas {width:100% ;}
.botonslider {position:absolute; margin:82px 0 0 365px }

.cuatrocolumnas {width:100% ; background:#7F7F7F; height:40px; float:left; position:relative; margin: -60px 0 0 0}
.cuatrocolumnas article {width:25% ; background:#7F7F7F; height:40px; float:left; position:relative;}
.cuatrocolumnas article img {width:85% ; height:25px; float:left; position:absolute; margin: 0 0 0 17px}
.cuatrocolumnas article nav {float: left; margin:5px 0 0 20px;; position:relative; text-align:center}
.cuatrocolumnas article nav ul li{list-style-type:none; padding:0 30px 0 30px;}
.cuatrocolumnas article nav ul li a {color: #000; text-decoration:none; padding:10px; margin:18px; font-family: 'Rosario', sans-serif;font-size:12px; font-weight: bold; font-style:italic}

.textocuatrocolumnas {width:100%; background:#7f7f7f;}
.textocuatrocolumnas article {width:25% ; height:190px; float:left; position:relative; margin:-162px 0 0 0; background: #7f7f7f}
.textocuatrocolumnas article p {color: #FFF; text-decoration:none; padding:5px 10px 0 10px; margin:7px 20px 15px 20px; font-size:11px; text-align: left;}
.textocuatrocolumnas article p a {list-style-type:none; text-decoration:none; color:#FFF}

.masinfoinvestigacion ul li{list-style-type:none; text-decoration:none; float: right; position:relative; background:#99cc00; margin: 15px 5px 0 0}
.masinfoinvestigacion ul li a {list-style-type:none; text-decoration:none; color:#FFF; float: right; position:relative; font-size:10px}
.masinfocreditos ul li{list-style-type:none; text-decoration:none; float: right; position:relative; background:#99cc00; margin: 67px 5px 0 0}
.masinfocreditos ul li a{list-style-type:none; text-decoration:none; color:#FFF; float: right; position:relative; font-size:10px}

.lineas1  {background:#fff; position:relative; float:left; width:2px; height:160px; margin: -20px 0 0 240px; z-index:11}
.lineas2  {background:#fff; position:relative; float:left; width:2px; height:160px; margin: -20px 0 0 240px; z-index:11} 
.lineas3  {background:#fff; position:relative; float:left; width:2px; height:160px; margin: -20px 0 0 240px; z-index:11} 


footer {width:100%; background: #000;padding:5px 0 0 0; }
footer img {margin:0 0 0 250px ;}
footer nav {float:right; margin:0 300px 0 0 ;}
footer nav ul li {float:left; list-style-type:none;}
footer nav ul li a {color:#FFF; text-decoration:none; padding:10px; background:#000; margin:10px; font-size:10px ;}
footer p { font-size:9px; color: #FFF; text-align:center; margin: 0 150px 0 150px;}


.footerregistrado {width:100%; background: #000;padding:5px 0 0 0; }
.footerregistrado img {margin:0 0 0 250px ;}
.footerregistrado nav {float:right; margin:0 300px 0 0 ;}
.footerregistrado nav ul li {float:left; list-style-type:none;}
.footerregistrado nav ul li a {color:#FFF; text-decoration:none; padding:10px; background:#000; margin:10px; font-size:10px ;}
.footerregistrado p { font-size:9px; color: #FFF; text-align:center; margin: 0 150px 0 150px;}




/*----------------------------------------------------------------------------------------------------------------------*/
/* Solo para celulares*/

@media screen and (max-width:768px) {

header {width: 100%;
position: relative; height:180px}

.fotoheader {position: relative ; margin:0 0 0 0; z-index:1; width:768px}

header img {position: absolute;
margin: -142px 0 0 280px
	}
	
.yaregistrado { font-size:13px; text-align: left; margin:-140px 17px 0px 0px;width:125px; height:15px;}
.fotousuario { position: absolute ; margin:-138px 0 0 722px; z-index:12; width:25px}
	
.fondop {margin: -140px 0 0 375px;
	}

header h1 {
font-size: 23px;
margin: -5px 0 0 235px;
padding: 25px 0 0 0;
}

header h2 {margin: -95px 0 0 380px;
}

header p {margin: 7px 0px 0px 380px;
}


#registrate {float: right;
margin: 575px 0px 0 185px;
position: absolute; 
z-index: 3;}

form { width: 405px;
height: 25px; }

.redes {float: right;
position: absolute;
margin: 168px 0px 0 295px;
z-index: 7;}

.twitter {float: right;
position: absolute;
margin: 168px 0px 0 325px;
z-index: 7;}
.redesdos {float: right;
position: absolute;
margin: 168px 0px 0 355px;
z-index: 7;}
.redestres {float: right;
position: absolute;
margin: 168px 0px 0 385px;
z-index: 7;}
.redescuatro {float: right;
position: absolute;
margin: 168px 0px 0 415px;
z-index: 7; }
.redescinco {float: right;
position: absolute;
margin: 168px 0px 0 445px;
z-index: 7;}

.homedos { float: left;
margin: -4px 0 0 0;
background: #000;
padding: 12px 0px 8px 0px;
height: 21px;
width: 100%;
position: relative;}

.homeuno {
margin: 15px 0 0 0;
padding: 12px 0px 9px 0px;
}

.bxslider {
margin: 5px 0px 0px; }

div.bx-viewport {width: 100%;
position: relative;
overflow: inherit
height: 266px;
margin: 5px 0px 0px; }

.bx-wrapper .bx-controls-direction a {position: absolute;
top: 50%;
margin-top: -150px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999; }

.botonslider {position: absolute;
margin: 55px 0 0 283px;
width: 230px }

.cuatrocolumnas article nav {float: left;
margin: 5px 0 0 10px;
position: relative;
text-align: center;}

.cuatrocolumnas article nav ul li {list-style-type: none;
padding: 0 15px 0 15px;}

.cuatrocolumnas article nav ul li a {color: #000;
text-decoration: none;
font-family: 'Rosario', sans-serif;
font-size: 12px;
font-weight: bold;
font-style: italic;}

.lineas1  {background: #fff;
position: relative;
float: left;
width: 2px;
height: 200px;
margin: -20px 0 0 200px;
z-index: 11;}

.lineas2  {background: #fff;
position: relative;
float: left;
width: 2px;
height: 200px;
margin: -20px 0 0 190px;
z-index: 11;}

.lineas3 {background: #fff;
position: relative;
float: left;
width: 2px;
height: 200px;
margin: -20px 0 0 200px;
z-index: 11;}

.textocuatrocolumnas article {width: 25%;
height: 230px;
float: left;
position: relative;
margin: -205px 0 0 0;
background: #7f7f7f;}

.masinfoinvestigacion ul li{list-style-type:none; text-decoration:none; float: right; position:relative; background:#99cc00; margin: 10px 5px 0 0}

.masinfocreditos ul li{list-style-type:none; text-decoration:none; float: right; position:relative; background:#99cc00; margin: 98px 5px 0 0}



footer {width:768px; background: #000;margin:205px 0 0 0px; height:85px; position:absolute}
footer img {display: none}
footer nav {display:none}
footer p { font-size:9px; color: #FFF; text-align:center; margin: 50px 63px 0 83px; width:600px; background:#000}

.footerregistrado {width:768px; background: #000;margin:205px 0 0 0px; height:45px; position:absolute}
.footerregistrado img {display: none}
.footerregistrado nav {display:none}
.footerregistrado p { font-size:9px; color: #FFF; text-align:center; margin: 10px 63px 0 83px; width:600px; background:#000}



}


/*----------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:320px) {
	
header {width: 100%;
position: relative; height:180px}

.fotoheader {position: relative ; margin:0 0 0 0; z-index:1; width:320px}

header img {position: absolute;
margin: -60px 0 0 10px; width:30px}
	
.fondop {position: relative;
margin: -59px 0 0 45px;
background-color: rgba(144, 130, 18, 0.55);
width: 90px;
height: 15px;
z-index: 3;}

header h2 { font-family: 'Rosario', sans-serif;
font-size: 10px;
text-align: left;
margin: -33px 0 0 50px;
padding: 19px 0 0 0;
position: relative;
color: #FFF;
width: 200px;
z-index: 4;;}

header p {display: none}

header h1 {font-family: 'Rosario', sans-serif;
font-size: 15px;
text-align: left;
margin: -26px 0 0 50px;;
padding: 25px 0 0 0;
position: relative;
color: #FFF;
z-index: 6;}

#registrate {display: none}

.datopuno { font-size: 12px;
text-align: left;
font-family: 'Rosario', sans-serif;
position: relative;
color: #FFF;
margin: 9px 0 -20px 7px;
width: 45px;}

.datouno { background: #fff;
color: #000;
font-size: 10px;
position: relative;
margin: 4px 4px 10px 55px;
width: 70px;
height: 15px;}

.datopdos { font-size: 12px;
text-align: left;
font-family: 'Rosario', sans-serif;
position: relative;
color: #FFF;
margin: -24px 0 -20px 135px;
width: 55px;}

.datodos {background: #fff;
color: #000;
font-size: 10px;
position: relative;
margin: 5px 4px 4px 203px;
width: 70px;
height: 15px;}

.botonuno {background: #FC0;
color: #000;
font-size: 10px;
padding: 3px;
width: 35px;
height: 20px;
position: relative;
margin: 0 0 0 6px;
cursor: pointer;}


.redes {float: right; position:abolute; margin:910px 0 0 20px; z-index:7; width:5px;}
.twitter {float: right; position:abolute; margin:910px 0 0 65px; z-index:7; width:5px;}
.redesdos {float: right; position:abolute; margin:910px 0 0 110px; z-index:7; width:5px;}
.redestres {float: right; position:abolute; margin:910px 0 0 155px; z-index:7; width:5px;}
.redescuatro {float: right; position:abolute; margin:910px 0 0 200px; z-index:7; width:5px;}
.redescinco {float: right; position:abolute; margin:910px 0 0 245px; z-index:7; width:5px;}

.homeuno {float: left;
margin: 24px 0 0 0;
background: #000;
padding: 5px 0px 11px 4px;
height: 15px;
width: 100%;
position: relative;}

.homeuno ul li a {font-size: 9px;
font-family: 'Rosario', sans-serif;
color: #FFF;
text-decoration: none;
padding: 10px 10px 10px 10px;
background: #000;
margin: 0 0 0 1px;
}

.homedos {float: left;
margin: 24px 0 0 0;
background: #000;
padding: 5px 0px 11px 4px;
height: 15px;
width: 100%;
position: relative;}

.homedos ul li a {font-size: 9px;
font-family: 'Rosario', sans-serif;
color: #FFF;
text-decoration: none;
padding: 10px 10px 10px 10px;
background: #000;
margin: 0 0 0 1px;
}

.bx-wrapper {
	position: relative;
	margin: 55px auto 60px;
	
	*zoom: 0;
}

.bxslider {
margin: 0px 0px 0px; }

div.bx-viewport {width: 100%;
position: relative;
overflow: inherit
height: 266px;
margin: 5px 0px 0px; }

.bx-wrapper .bx-controls-direction a {position: absolute;
top: 50%;
margin-top: -70px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999; }

.bx-wrapper .bx-pager {
margin:-55px 0px 0px 0px}


.botonslider {position: absolute;
margin: 27px 0 0 120px;
width: 80px  }


.cuatrocolumnas article {width: 100%;
background:none;
height: 160px;
float: left;
position: relative; z-index:99}

.cuatrocolumnas {width: 100%;
height: 35px;
float: left;
position: relative;
margin: -60px 0 0 0;
z-index: 12}



.cuatrocolumnas article img {width: 85%;
height: 25px;
float: left;
position: absolute;
margin: 0 0 0 17px;}

.cuatrocolumnas article nav {float: left;
margin: 5px 0 0 50px;
position: relative;
text-align: center;}

.cuatrocolumnas article nav ul li a {color: #000;
text-decoration: none;
font-family: 'Rosario', sans-serif;
font-size: 12px;
font-weight: bold;
font-style: italic;}

.lineas1  {display:none}

.lineas2  {display: none}

.lineas3 {display:none}

.textocuatrocolumnas article {width: 100%;
height: 180px;
float: left;
position: relative;
margin: -25px 0 0 0;
background: #7f7f7f;
}

.masinfoinvestigacion ul li{list-style-type:none; text-decoration:none; float: right; position:relative; background:#99cc00; margin: 0px 5px 0 0}

.masinfocreditos ul li{list-style-type:none; text-decoration:none; float: right; position:relative; background:#99cc00; margin: 58px 5px 0 0}


footer {width:320px; background: #000;margin:620px 0 0 -320px; height:85px; position:absolute}
footer img {display: none}
footer nav {display:none}
footer p { font-size:8px; color: #FFF; text-align:center; margin: 40px 10px 0 10px; width:300px; background:#000}

.footerregistrado {width:320px; background: #000;margin:620px 0 0 -320px; height:85px; position:absolute}
.footerregistrado img {display: none}
.footerregistrado nav {display:none}
.footerregistrado p { font-size:8px; color: #FFF; text-align:center; margin: 40px 10px 0 10px; width:300px; background:#000}



}