/*-------reset de css--------*/

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, embed, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }


/*
	
rojo > #d2272d


*/


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*-------------------------ESTRUCTURA GENERAL DE DIVS----------------------------*/

body{
margin:0;
padding:0;
background:url(../images/textura.jpg);
}

#header_wrapper{
background:url(../images/hd.png) repeat-x;
height:150px;

}

#header{
width:980px; /*este ancho debe ser el mismo que #content*/
height:120px;
margin:auto;
}


#content_wrapper{
width:100%;

}

#content{
width:980px;/*este ancho debe ser el mismo que #header y #footer*/
margin:auto;
padding:20px 0px;
background:#fff url(imagenes/bg.png);
-moz-box-shadow:0px 0px 10px #777;
}

#footer{
width:980px;/*este ancho debe ser el mismo que #content*/
margin:auto;
height:140px;
background:#2d2726;
padding-top:20px;
}

#footer_wrapper{
width:100%;
height:140px;
}


/*-------------------------------HEADER Y NAVEGACIÓN-----------------------------*/

.logo{
width:200px;
height:70px;

}

.nav{
right:0;
width:780px;
height:40px;
margin:40px 20px 0 0;
}

.nav ul{
list-style:none;
padding:0;
margin:0;

}

.nav li{
float:left;
font:normal 17px/40px 'BebasNeueRegular', Arial;
}

.nav li a{
color:#fff;
margin:0px 10px;
padding:0px 10px;	
text-decoration:none;
}

.nav li a:hover{
color:#fff;
background:#d2272d;
text-decoration:none;
display:block;
}

.nav li a.current{
color:#fff;
background:#d2272d;
text-decoration:none;
display:block;
}


/*------------------------------FOOTER----------------------------*/

#footer h3{
	color:#fff;
	margin-bottom:10px;
	font:normal 22px/140%  "BebasNeueRegular",Arial;
}

#footer ul li{
	color:#fff;
	font:normal 12px/60% Arial;
}

#footer p{
	color:#fff;
	font:normal 12px/140% Arial;
}


/*---------------------------PAGINA DE INICIO--------------------------*/


.vitrina{
	position:relative;
	margin:10px;
}

.vitrina h1{
	position:absolute;
	top:0px;
	right:0px;
	width:470px;
	height:120px;
	background:url(../images/slogan.png) no-repeat;
	padding:25px;	
	font:normal 36px/100% 'BebasNeueRegular', Arial, Sans-serif;
	color:#fff;
}


/*--------------------------BOXES ESPECIALES----------------------------*/

.box_especial{
	background:#333;
	margin-bottom:;
}

.box_especial h2, .box_especial h2 a {
	font:bold 18px/100% Arial, Sans-serif;
	margin-bottom:20px;
	color:#fff;
}

.box_especial p{
	font:bold 12px/140% Arial, Sans-serif;
	margin-bottom:10px;
	color:#fff;
}

.box_especial img{}

/*-----------------------------BOX_EXTRACTO----------------------------*/

.box_extracto h2{
	color:#d2272d;
	font:normal 32px/160% "BebasNeueRegular", Arial, Sans-serif;
}



/*-----------------------------BOX_APLICACIONES----------------------------*/

.box_aplicaciones{


}

.box_aplicaciones ul li{
	color:#333;
	font:bold 16px/140% Arial, Sans-serif;
}

.box_aplicaciones h2{
	color:#d2272d;
	font:normal 32px/160% "BebasNeueRegular", Arial, Sans-serif;
	
}



/*----------------------------SIDEBAR------------------------------*/


#sidebar{
	background:#f2f2f2;
	padding-top:20px;
	height:500px;
}


/*------------------------SIDEBAR_MENU------------------------------*/

.sidebar_menu {}

.sidebar_menu ul {
	
}

.sidebar_menu ul li {
	font:bold 14px/40px Arial, Sans-serif;

}

.sidebar_menu ul li a{
	color:#333;
	margin-bottom:10px;
	height:40px;
	display:block;
	padding-left:10px;
}

.sidebar_menu ul li a:hover{
	background:#d2272d;
	height:40px;
	color:#fff;
	display:block;
	text-decoration:none;
}

.sidebar_menu li a.current{
	background:#d2272d;
	height:40px;
	color:#fff;
	display:block;
	text-decoration:none;
}

/*---------------------------PÁGINA DE CONTACTO----------------------*/


/*------------------------------CABECERA DE SECCIÓN-------------------*/

.rotulo_seccion{
	margin-bottom:30px;
	border-bottom:1px solid #ccc;
}

.rotulo_seccion h1{
	color:#111;
	font:normal 32px/160% "BebasNeueRegular", Arial, Sans-serif;
	margin-bottom:1px;
}

.rotulo_seccion h2{
	color:#111;
	font:normal 32px/160% "BebasNeueRegular", Arial, Sans-serif;
	margin-bottom:1px;
}


.rotulo_seccion p{
	
	color:#666;
	padding:5px 0;
}

/*--------------------------ROTULOS Y BREADCRUMBS---------------------*/

h2.rotulo{
	font:normal 22px/35px Arial,"Trebuchet MS" , Sans-serif;
	color:#7e0000;
	background:url(../images/icono_rotulo.jpg) no-repeat left;
	margin:20px 10px;
	padding:0px 28px;
	height:35px;
}

h3.rotulo{
	font:normal 22px/35px Arial,"Trebuchet MS" , Sans-serif;
	color:#fff;
	background:#000 url(../images/icono_rotulo.jpg) no-repeat left;
	padding:0px 28px;
	height:35px;
}

p.breadcrumb {
	font:normal 11px/140% Arial, Sans-serif;
	color:#000;
	margin:10px 0px;
}

p.breadcrumb a{
	color:blue;
}

.pad{
	padding:10px;
}

hr{
	
	height:12px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:none;
}


/*--------------------------------BOTONES-------------------------------*/

a.boton{
	float:right;
	width:120px;
	height:20px;
	color:#fff;
	font:normal 14px/20px "Trebuchet MS",Sans-serif;
	text-align:center;
	display:block;
	padding:5px;
	background:blue;
}

a:hover.boton{
	background:#333;
	text-decoration:none;
	color:#fff;
}

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


a.cerrar{
	font:bold 14px Arial, Sans-serif;
	top:10px;
	right:10px;
	text-align:center;
	width:20px;
	background:#000;
	color:#fff;
	padding:5px;
	-moz-border-radius:26px;
	webkit-border-radius:26px;
	border-radius:26px;
}

a:hover.cerrar{
	background:blue;
	text-decoration:none;
}


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



a.mas{
	display:block;
	font:bold 11px Arial,Sans;
	width:100px;
	margin-top:10px;
	padding:6px;
	background:#555;
	text-align:center;
	color:#fff;
	-moz-border-radius:6px;
}

a:hover.mas{
	background:blue;
	color:#fff;
	text-decoration:none;
}

/*-----------------------------GALERIA------------------------------*/

.galeria{
	float:left;
	margin-bottom:10px;
	background:#f9f9f9;
}

.galeria ul li{
	margin-right:10px;
	float:left;
	border-bottom:none;
}

.galeria ul li small{
}

.galeria ul li img{
	float:left;
	width:50px;
}

/*-------------------------------ARCHIVO-----------------------------*/
.archivo{
	background:#f9f9f9;
}

.archivo ul li{
	margin-right:10px;
	width:140px;
}

.archivo ul li a{
	margin-bottom:10px;
	color:#492917;
}

.archivo ul li a:hover{
	margin-bottom:10px;
	color:#7e0000;
	font-style:italic;
}

/*----------------------------PAGINACIÓN-------------------------*/

.paginacion{
	margin-top:20px;
	background:#f9f9f9;
}

.paginacion ul li{
	margin-right:20px;
	float:left;
}

.paginacion ul li a{
	color:blue;
	display:block;
	padding:7px;
}

.paginacion ul li a.current{
	background:blue;
	color:#fff;
	display:block;
}

.paginacion ul li a:hover{
	background:blue;
	color:#fff;
	display:block;
}


.paginacion li.anterior a, .paginacion li.siguiente a{
	color:blue;
	display:block;
	padding:7px 15px;
}

.paginacion li.anterior a:hover, .paginacion li.siguiente a:hover{
	text-decoration:none;
}

/*--------------------------------TABS--------------------------------*/

.tabs{}

.tabs ul{
    border-bottom: 1px solid #bbb;
    padding-bottom: 0;
    height:30px;
}

.tabs ul li{}

.tabs ul li a{
	background:#eee;
    border: 1px solid #bbb;
    color:#999;
    display:block;
    float: left;
    margin:0 5px;
    font:12px/140% Arial,Helvetica,Sans-serif;
    padding: 6px 8px;
    text-decoration: none;
}

.tabs li a:hover, .tabs li a.current{
    border-bottom: 1px solid #fff;
    color: #999;
    background:#fff;
}

/*------------------------------TIPOGRAFÍA GENERAL----------------------------*/


h1{
	font:normal 36px/140% Arial ,Sans-Serif;
	color:#000;
	margin-bottom:10px;
}

h2{
	font:normal 28px/140% Arial ,Sans-Serif;
	color:#d2272d;
	margin-bottom:20px;
	letter-spacing:-1px;
}

h3{
	font:bold 16px/140% Arial ,Sans-Serif;
	color:#333;
	margin-bottom:10px;
	letter-spacing:-1px;
}

h4{
	font:normal 16px/140% Arial ,Sans-Serif;
	color:#000;
	margin-bottom:10px;
}

h5{
	font:normal 12px/140% Arial ,Sans-Serif;
	color:#000;
	margin-bottom:10px;
}

p{
	font:normal 12px/145% Arial ,Sans-Serif;
	color:#555;
	margin-bottom:20px;
	text-align:justify;
}

p a{
	color:#d2272d;
	text-decoration:none;
}

p a:hover{
	color:#d2272d;
	text-decoration:underline;
}

blockquote{
	font:normal 22px/120% Arial ,Sans-Serif;
	color:#999;
	margin-bottom:10px;
	
}

cite{
	font:normal 18px/140% Arial ,Sans-Serif;
	color:#999;
	margin-bottom:10px;
	
}

ul, li{
font:normal 13px/140% Arial ,Sans-Serif;
color:#555;
margin-bottom:10px;
}

a{
color:blue;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

img{
	margin-bottom:10px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

ul.vb{
	padding-left:15px;
}

ul.vb li{
	list-style:square;
	list-style-image:url(../images/);
	padding-left:0px;
	color:#d2272d;
	font:bold 12px/140% Arial, Sans-Serif;
}