/* CSS Grupo Vocento */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, a:visited {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style:none;
	text-decoration:none;
	font-weight:normal;
}

@font-face {
	font-family: newgorda;
	src: url('fonts/newgorda.ttf');
}

@font-face {
	font-family: newfina;
	src: url('fonts/newfina.ttf');
}

@font-face {
	font-family: Museum;
	src: url('fonts/museo.otf');
}

@font-face {
	font-family: gothic;
	src: url('fonts/gothic.ttf');
}

@font-face {
	font-family: rooney;
	src: url('fonts/rooney.ttf');
}

body{ background:url(img/fondo.jpg); }

.wrap { margin:0 auto; width:975px; }

#cabecera  {  height:54px; background:#2a2a2a; padding-top:16px; border-bottom:#717171 1px solid;}

.titulo { background:url(img/titulo.png) no-repeat; width:771px; height:43px; text-indent:-9999px; margin:0 auto;}

#izquierda {   width:470px;  height:682px;  margin-top:47px;   float:left;  }
    
#ipad { background:url(img/ipad.png); width:470px; height:405px;  float:left; text-indent:-9999px; }
    
#codigo { background:url(img/codigo.png); float:left;  width:326px;  height:48px;  margin-top:25px;  margin-left:78px;  line-height:48px; }
#codigo p{  font-family:newfina; font-size:18px;  margin-left: 10px;  float:left; }
#codigo span{  font-family:newgorda; font-size:24px; color:#ef5b40; margin-left:10px; }
    
.lista {  height:172px; width: 431px;  float:left; margin-left:15px;  margin-bottom:55px; }
    


.uno {
    background: url(img/botonuno.png) no-repeat scroll 0 0 transparent;
    font-family: Arial;
    font-size: 12px;
    height: 57px;
    line-height: 15px;
    margin-top: 16px;
    padding-left: 66px;
    text-align: left;
    width: 335px;
    
    
    }
    
    
.dos {
    
    background: url(img/botondos.png) no-repeat;
    font-family: Arial;
    font-size: 12px;
    height: 57px;
    line-height: 18px;
    padding-left: 66px;
    text-align: left;
    width: 330px;
    margin-top:9px;
    
    

    }
    

.tres {
    
    background: url("img/botontres.png") no-repeat scroll 0 0 transparent;
    font-family: Arial;
    font-size: 12px;
    height: 57px;
    line-height: 18px;
    padding-left: 66px;
    text-align: left;
    width: 330px;
    margin-top:9px;
    
    

    }
.linea {
    line-height: 11px;
    margin-top: 8px;
    
    }
    
ul li h3 {
    font-family:Gothic;
    font-size:14px;
    font-weight:bold;
}
    
.red {
    text-decoration:underline;
    color:#a70113;
}
    

    
.red:hover {
    opacity:0.7;
}

.rojito2 {
    color:#bc0619;
}
    
.abclogo {
    background:url(img/logo.png);
    width:302px;
    height:95px;
    margin:50px auto 20px;;
    text-indent:-9999px;
   
    }
    
.subtitulo {
    color: #005776;
    font-family: Museum;
    font-size: 18px;
    text-align:center;
    margin-top: 16px;
    
}

    
#derecha{
	float: left;
    font-family: Arial;
    font-size: 13px;
    width: 400px;
	margin-left:15px;
 }
 
#texto p{
     
     font-size:13px;
     font-family:Arial;
     padding-left: 46px;
     
}

.listaiconos {
    background: url("img/bisel.png") no-repeat 68px bottom transparent;
	margin-top: 25px;
    width: 430px;
	height:380px;
}

.listaiconos li {
    float: left;
    height: 96px;
    margin: 12px;
    text-indent: -9999px;
    width: 81px;
}


.one{
    background: url("img/iconouno.png") no-repeat scroll 0 0 transparent;
}

.one:hover{
    opacity:0.6;
}

.two{
    background: url("img/iconodos.png") no-repeat scroll 0 0 transparent;
}
.two:hover{
    opacity:0.6;
}

.three{
    background: url("img/iconotres.png") no-repeat scroll 0 0 transparent;
}
.three:hover{
    opacity:0.6;
}
.four{
    background: url("img/iconocuatro.png") no-repeat scroll 0 0 transparent;
}
.four:hover{
    opacity:0.6;
}
.five{
    background: url("img/iconocinco.png") no-repeat scroll 0 0 transparent;
}
.five:hover{
    opacity:0.6;
}
.six{
    background: url("img/iconoseis.png") no-repeat scroll 0 0 transparent;
}
.six:hover{
    opacity:0.6;
}
.seven{
    background: url("img/iconosiete.png") no-repeat scroll 0 0 transparent;
}
.seven:hover{
    opacity:0.6;
}
.eight{
    background: url("img/iconoocho.png") no-repeat scroll 0 0 transparent;
}
.eight:hover{
    opacity:0.6;
}
.nine{
    background: url("img/icononueve.png") no-repeat scroll 0 0 transparent;
}
.nine:hover{
    opacity:0.6;
}
.ten{
    background: url("img/iconodiez.png") no-repeat scroll 0 0 transparent;
}
.ten:hover{
    opacity:0.6;
}

.eleven{
    background: url("img/iconoonce.png") no-repeat scroll 0 0 transparent;
}
.eleven:hover{
    opacity:0.6;
}
.twelve{
    background: url("img/iconodoce.png") no-repeat scroll 0 0 transparent;
}
.twelve:hover{
    opacity:0.6;
}

.boton{
    background: url("img/bgboton.png") no-repeat center;
height: 107px;
    margin: 0 auto;
    width: 322px;

	
}

.bt{
    background: url("img/bt.png") no-repeat;
    position:top left;
height: 107px;
    margin: 0 auto;
    width: 322px;
    display:block;
	

}
.bt:hover{
    opacity:0.9;
    background: url("img/bt.png") no-repeat;
height: 107px;
    margin: 0 auto;
    width: 322px;
	display:block

}