@charset "utf-8";
/*
------------------------------------------------------------------  
 [Intern Stylesheet]  
	 
 Project:    		Sibo Avance
 Version:    		1.0 
 Last change:   	07/04/2009
 Autor: 			INQBO

 [Colores]
 #2d8ba9: Azul aguamarina del menu
 #53a1b8: Azul pastel de links
 #1d82a2: Azul de fondo de productos
 #bee3fa: Azul claro de fuente de productos
 #ffdb71: Amarillo
 #bababa: Gris claro
 #ffd762: Naranja
 
 [Contenido]
 1. General
 2. Miga de pan
 3. Contenidos
	3.1. Secciones generales
	3.2. Seccion de productos
	3.4. Paginacion
 4. Modal
 5. Seccion de administracion
-------------------------------------------------------------------
*/ 

/* 
------------------------------------------------------------------  
 1. [General]
------------------------------------------------------------------  
*/
body{
	background: url(../imagenes/portal/bg_interna.png) no-repeat top center;
	font-family: Tahoma, Arial, Verdana;
	margin: 0px;
}

/* 
------------------------------------------------------------------  
 2. [Miga de pan]
------------------------------------------------------------------  
*/
#miga{
	color: #2d8ba9;
	font-size: 12px;
	height: 12px;
	padding: 13px 0px 0px 50px;
}
#miga a, a:link, a:hover, a:visited{
	color: #2d8ba9;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
#miga a:hover{
	color: #2d8ba9;
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
}

/* Cerrar sesion*/
#cerrar_sesion {
	float:right;
	padding-right: 43px;
}

/* 
------------------------------------------------------------------  
 3. [Contenidos]
------------------------------------------------------------------  
*/
#content_int_top{
	background: url(../imagenes/portal/bg_content_top.png) no-repeat bottom center;
	height: 31px;
	width: 981px;
	padding-top: 7px;
}
#submenu{
	background: url(../imagenes/portal/bg_content_center.png) repeat-y center;
	width: 981px;
	height: 38px;
}
#content_int_center_productos{
	background: url(../imagenes/portal/bg_content_center.png) repeat-y center;
	width: 981px;
	height: 680px;
}
#content_int_center_empresa{
	background: url(../imagenes/portal/bg_content_center.png) repeat-y center;
	width: 981px;
	height: 580px;
}

#content_int_center_empresa a:hover{
	color: #2d8ba9;
	font-size: 13px;
	text-decoration: none;
}

#content_int_center_empresa a, a:link, a:visited{
	color: #2d8ba9;
	font-size: 13px;
	text-decoration: underline;
}

#content_int_center_empresa .imagen_empresa{
	width: 391px;
	float: right;
	/*position: absolute;
	top: 95px;
	left: 920px;*/
	
	position: relative;
	margin-top: -60px;
	margin-left: -15px;

}

#content_int_bottom{
	background: url(../imagenes/portal/bg_content_bottom.png) no-repeat top center;
	height: 31px;
}
#content_int_center_admin{
	background: url(../imagenes/portal/bg_content_center.png) repeat-y center;
	width: 981px;
	height: 530px;
}
#content_int_center_login{
	background: url(../imagenes/portal/bg_content_center.png) repeat-y center;
	width: 981px;
	height: 300px;
}
#content_int_center_login_inqbo{
	background: url(../imagenes/portal/bg_content_center.png) repeat-y center;
	width: 981px;
	height: 300px;
}
#content_int_center_admin_noticias{
	background: url(../imagenes/portal/bg_content_center.png) repeat-y center;
}
#content_int_center_options {
	background: url(../imagenes/portal/bg_content_center.png) repeat-y center;
	height: 300px;
}
#content_int_center_clientes{
	background: url(../imagenes/portal/bg_content_center.png) repeat-y center;
	width: 981px;
	height: 1250px;
}
#content_int_center_demos{
	background: url(../imagenes/portal/bg_content_center.png) repeat-y center;
	width: 981px;
	height: auto;
}

/* Seccion administrativa general*/
#content_int_center_admin_general {
	background: url(../imagenes/portal/bg_content_center.png) repeat-y center;
	height: 300px;
}

#content_int_center_admin_general .bloque_admin {
	width: 400px;
	padding: 5px;
	padding-bottom: 10px;
	float:left;
	height: 70px;
}
#content_int_center_admin_general .imagen{
	width: 80px;
	height: 50px;
	float:	left;
}
#content_int_center_admin_general .link_admin {
	width: 300px;
	float: left;
	padding-bottom: 4px;
}
#content_int_center_admin_general .link_admin a {
	color: #2d8ba9;
	font-size: 13px;
	text-decoration: none;
}
#content_int_center_admin_general .link_admin a:hover {
	text-decoration: underline;
}
#content_int_center_admin_general .descripcion{
	width: 300px;
	float:	left;
	font-size: 13px;
	height: 30px;
}

/* Seccion de soporte*/
#content_int_center_soporte{
	background: url(../imagenes/portal/bg_content_center.png) repeat-y center;
	width: 981px;
	height: 550px;
}
#content_int_center_soporte a:hover{
	color: #2d8ba9;
	font-size: 13px;
	text-decoration: none;
}
#content_int_center_soporte a, a:link, a:visited{
	color: #2d8ba9;
	font-size: 13px;
	text-decoration: underline;
}
#content_int_center_soporte .servicio {
	width: 450px;
	height: 140px;
	float:left;
	padding: 4px 4px 4px 4px;
}
#content_int_center_soporte .servicio .icono_servicio{
	width: 85px;
	height: 112px;
	float: left;
}
#content_int_center_soporte .servicio .titulo_servicio{
	width: 340px;
	height: 20px;
	float: left;
	color:#666666;
	font-size:14px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 5px;
}
#content_int_center_soporte .servicio .descrip_servicio{
	width: 340px;
	height: 77px;
	float: left;
	color: #2D8BA9;
	font-size: 13px;
	padding-top: 5px;
	padding-left: 5px;
}
/* 
------------------------------------------------------------------  
 3.1. [Secciones generales]
------------------------------------------------------------------  
*/
#wrapper_contenido{
	width: 921px;
	padding: 10px 30px 0px 30px;
	color: #666;
}
#wrapper_contenido p.titulo{
	color: #2d8ba9;
	font-size: 14px;
	text-decoration: underline;
	text-transform: uppercase;
	padding-bottom: 5px;
}
#wrapper_contenido p.contenido, li{
	color: #666;
	font-size: 12px;
	line-height: 17px;
}

/* 
------------------------------------------------------------------  
 3.2. [Seccion de productos]
------------------------------------------------------------------  
*/
#productos_col_izq{
	width: 450px;
	float: left;
	padding-left: 30px;
}
#productos_col_separador{
	background: url(../imagenes/portal/img_separador_interna.png) no-repeat center;
	width: 5px;
	height: 650px;
	float: left;
}
#productos_col_der{
	width: 450px;
	float: left;
	padding-left: 30px;
}
.producto{
	width: 427px;
	height: 330px;
}
.producto .imagen{
	width: 407px;
	height: 170px;
	background: url(../imagenes/portal/bg_imagen_producto.png) no-repeat center;
	padding: 20px 0px 0px 20px;
}
.producto .imagen img{
	border: solid 7px #fff;
}
.producto .titulo{
	color: #2d8ba9;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: underline;
	padding: 0px 23px 10px 23px;
}
.producto .descripcion{
	color: #666666;
	font-size: 12px;
	text-align: justify;
	padding: 0px 23px 10px 23px;
}
.producto .enlace{
	width: 335px;
	height: 25px;
	float: left;
	text-align: right;
	padding: 15px 5px 10px 23px;	
}
.producto .enlace a, a:link, a:visited{
	color: #ffdb71;
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
}
.producto .enlace a:hover{
	color: #ffdb71;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
.producto .boton{
	width: 48px;
	height: 50px;
	float: left;
}


/* 
------------------------------------------------------------------  
 3.5. [Seccion de clientes]
------------------------------------------------------------------  
*/
.cliente{
	width: 140px;
	height: 150px;
	font-size: 11px;
	border: solid 2px #eee;
	text-align: center;
	float: left;
	margin: 0px 9px 10px 0px;
}



/* 
------------------------------------------------------------------  
 3.4. [Paginacion]
------------------------------------------------------------------  
*/

#paginado{
	color: #2d8ba9;
	font-size: 12px;
	background: url(../imagenes/portal/bg_content_center.png) repeat-y center;
	height:20px;
	text-align: right;
	padding-right: 50px;
}
#paginado a, a:link, a:visited{
	color: #2d8ba9;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
#paginado a: hover{
	color: #2d8ba9;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

/* 
------------------------------------------------------------------  
 3.6. [Seccion Demos]
------------------------------------------------------------------  
*/
#content_int_center_lista_demos{
	background: url(../imagenes/portal/bg_content_center.png) repeat-y center;
	width: 981px;
	height: 440px;
}

#content_int_center_lista_demos a, a:link, a:visited{
	color: #2d8ba9;
	font-size: 13px;
	text-decoration: underline;
}

#content_int_center_lista_demos .lista{
	width:450px;
	float: left;
}


/* 
------------------------------------------------------------------  
 4. [Modal]
------------------------------------------------------------------  
*/
#modal_content_top{
	width: 810px;
	height: 388px;
	padding: 10px 20px;
	overflow: scroll;
	text-align: justify;
}
#modal_content_top p, li, td{
	padding: 0px;
	margin: 0px;
	color: #666;
}
#modal_content_top p{
	padding-bottom: 8px;
}
#modal_content_top p.titulo{
	color: #2d8ba9;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: 12px;
}
#modal_content_top p.subtitulo{
	color: #666;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
}
#modal_content_top #imagen{
	float: left;
	padding-right: 13px;
}
#modal_content_top #imagen img{
	/*border: solid #fff 7px;*/
}

#modal_content_top .texto{
	float: left;
	width: 750px;
	padding-left: 30px;
}

#modal_content_top .demos{
	float: left;
	font-size: 12px;
	font-weight:bold;
	width: 400px;
	padding-left: 30px;
	
	padding-top: 20px;	
}

#modal_content_top .demos .boton_video{
	width: 60px;
	float: left;
}

#modal_content_bottom{
	width: 710px;
	height: 132px;
	padding: 5px 70px;
	background: #666 url(../imagenes/portal/bg_productos_modal.png) repeat;
}
#modal_content_bottom #producto_anterior, #producto_siguiente{
	width: 35px;
	height: 35px;
	float: left;
	padding-top: 30px;
}
#modal_content_bottom #imagenes_producto{
	width: 640px;
	height: 120px;
	float: left;
	padding: 12px 0px 0px 0px;
}
#modal_content_bottom .imagen_producto{
	width: 290px;
	height: 106px;
	float: left;
	padding-left: 20px;
}
#modal_content_bottom .imagen_producto img{
	border: 7px solid #fff;
}

/* 
------------------------------------------------------------------  
 4.1 [Modal Demos]
------------------------------------------------------------------  
*/
#modal_content_top_demo{
	/*padding: 10px 0 10px 0;*/
	/*height: auto;
	width: auto;*/
}
#modal_content_top_demo .demo{
	text-align: center;
}
#modal_content_bottom_demo{
	/*height: 88px;
	padding: 5px 70px;*/
	/*background: #666 url(../imagenes/portal/bg_productos_modal.png) repeat;*/
}
#modal_content_bottom_demo .info_demo{
	font-size:14px;
	color:#FFFFFF;
}


/* 
------------------------------------------------------------------  
 5. [Seccion de administracion]
------------------------------------------------------------------  
*/

#content_int_center_admin a, a:link, a:visited{
	color: #2d8ba9;
	font-size: 11px;
}
#content_int_center_admin #wrapper_contenido #formulario .fila_formulario{
	padding-left: 40px;
}
#content_int_center_admin #wrapper_contenido #formulario .fila_formulario .label{
	padding: 4px 0px;
	float: left;
	width: 150px;
	border-bottom: 1px dotted #666;
	margin-right: 10px;
	font-size: 11px;
	font-weight: bold;
}
#content_int_center_admin #wrapper_contenido #formulario .fila_formulario .campo{
	padding-bottom: 10px;
	float: left;
	width: 700px;
}

#content_int_center_admin #wrapper_contenido #formulario .fila_formulario .campo input{
	width: 590px;
	height: 20px;
	color: #555;
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	border: solid 1px #aaa;
	padding: 4px 5px 0px 5px; 
}

#content_int_center_admin #wrapper_contenido #formulario .fila_formulario .campo .check{
	width: 20px;
	height: 20px;
	border: none;
}
#content_int_center_admin #wrapper_contenido #formulario .fila_formulario .campo textarea{
	width: 600px;
	height: 170px;
	color: #555;
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	border: solid 1px #aaa;
}
#content_int_center_admin #wrapper_contenido #formulario .fila_formulario .campo select{
	color: #555;
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
}

#mensajeNoticia, #mensaje_eliminacion, #mensajeAutenticacion{
	height: 30px;
	color: #2d8ba9;
	font-size: 13px;
	font-weight: bold;
}

#content_int_center_options #wrapper_contenido ul li{
	float: left;
	list-style: none;
	padding-right: 20px;
}

#content_int_center_login a, a:link, a:visited{
	color: #2d8ba9;
	font-size: 13px;
	text-decoration: underline;
}
#content_int_center_login a:hover{
	color: #2d8ba9;
	font-size: 13px;
	text-decoration: none;
}
#content_int_center_login_inqbo a, a:link, a:visited{
	color: #2d8ba9;
	font-size: 15px;
	text-decoration: underline;
}
#content_int_center_login_inqbo a:hover{
	color: #2d8ba9;
	font-size: 14px;
	text-decoration: none;
}
#content_int_center_login #wrapper_contenido #formulario .fila_formulario{
	padding-left: 40px;
}
#content_int_center_login #wrapper_contenido #formulario .fila_formulario .label{
	padding: 4px 0px;
	float: left;
	width: 150px;
	border-bottom: 1px dotted #666;
	margin-right: 10px;
	font-size: 11px;
	font-weight: bold;
}
#content_int_center_login #wrapper_contenido #formulario .fila_formulario .campo{
	padding-bottom: 10px;
	float: left;
	width: 150px;
}
#content_int_center_login #wrapper_contenido #formulario .fila_formulario .campo input{
	width: 150px;
	height: 20px;
	color: #555;
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	border: solid 1px #aaa;
	padding: 4px 5px 0px 5px; 
}

#content_int_center_login_inqbo #wrapper_contenido #formulario .fila_formulario{
	padding-left: 40px;
}
#content_int_center_login_inqbo #wrapper_contenido #formulario .fila_formulario .label{
	padding: 4px 0px;
	float: left;
	width: 150px;
	border-bottom: 1px dotted #666;
	margin-right: 10px;
	font-size: 11px;
	font-weight: bold;
}
#content_int_center_login_inqbo #wrapper_contenido #formulario .fila_formulario .campo{
	padding-bottom: 10px;
	float: left;
	width: 700px;
}
#content_int_center_login_inqbo #wrapper_contenido #formulario .fila_formulario .campo input{
	width: 150px;
	height: 20px;
	color: #555;
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	border: solid 1px #aaa;
	padding: 4px 5px 0px 5px; 
}

#content_int_center_login_inqbo #wrapper_contenido #formulario #cambiar_pass{
	width: 900px;
	height: 80px;
	display:none;
	float: left;
}

#content_int_center_login_inqbo #wrapper_contenido #formulario .cambiar_pass_link{
	padding-left: 245px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	color: #2d8ba9;
	cursor: pointer;
	text-decoration: underline;
}

#content_int_center_login_inqbo #wrapper_contenido #formulario .mensaje_ayuda{
	padding-left: 4px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	color: #2d8ba9;
}


/* 
------------------------------------------------------------------  
 5.1. [Lista de noticias]
------------------------------------------------------------------  
*/
#lista_noticias_admin{
	
}
#lista_noticias_admin .noticia{
	width: 100%;
	padding-bottom: 25px;
}
#lista_noticias_admin .noticia .encabezado{
	height: 120px;
}
#lista_noticias_admin .noticia .encabezado .imagen{
	height: 100px;
	width: 140px;
	float: left;
	text-align: center;
	padding-left: 10px;
}
#lista_noticias_admin .noticia .encabezado .imagen img{
	border: solid 7px #eee;
}
#lista_noticias_admin .noticia .encabezado .identificador{
	height: 100px;
	width: 761px;
	float: left;
	padding-right: 10px;
}
#lista_noticias_admin .noticia .encabezado .identificador .titulo{
	height: 30px;
	padding: 5px 0px 0px 10px;
	font-size: 16px;
	color: #2d8ba9;
}
#lista_noticias_admin .noticia .encabezado .identificador .fecha_publicacion{
	height: 40px;
	text-align: right;
	font-size: 11px;
	border-top: dotted 1px #666;
	padding-top: 3px;
	margin-left: 10px;
	color: #777;
	font-weight: bold;
}
#lista_noticias_admin .noticia .entradilla{
	font-size: 12px;
	color: #777;
	height: 45px;
	padding-left: 10px;
}
#lista_noticias_admin .noticia .contenido{
	font-size: 13px;
	color: #555;
	padding: 0px 10px 0px 10px;
}
#lista_noticias_admin .noticia .ver_mas{
	padding: 5px 0px 0px 580px;
}
#lista_noticias_admin .noticia .ver_mas .enlace{
	float: left;
	width: 50px;
	height: 38px;
	padding: 12px 0px 0px 0px;
}
#lista_noticias_admin .noticia .ver_mas .enlace a, a:link, a:visited{
	font-weight: bold;
	font-size: 11px;
	color: #53a1b8;	
	text-decoration: underline;
}
#lista_noticias_admin .noticia .ver_mas .enlace a:hover{
	font-weight: bold;
	font-size: 11px;
	color: #53a1b8;	
	text-decoration: none;
}
#lista_noticias_admin .noticia .ver_mas .imagen{
	width: 45px;
	height: 50px;
	padding-right: 10px;
	float: left;
}

/* 
------------------------------------------------------------------  
 5.2. [Footer de administracion]
------------------------------------------------------------------  
*/
#footer_admin{
	height: 150px;
	background: #505050 url(../imagenes/portal/bg_footer.png) top repeat-x;
	padding-top: 15px;
}
#footer_admin #wrapper_footer #subir{
	width: 100px;
	height: 25px;
	float: left;
}
#footer_admin #wrapper_footer{
	width: 144px;
	height: 25px;
	margin: auto;
	padding-left: 920px;
}

#footer_admin #wrapper_footer #subir .texto{
	width: 75px;
	height: 28px;
	float: left;
	text-align: right;
	padding: 4px 5px 0px 0px;
}
#footer_admin #wrapper_footer #subir .texto a, a:link, a:visited{
	color: #bababa;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
	
}
#footer_admin #wrapper_footer #subir .texto a:hover{
	color: #bababa;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	
}
#footer_admin #wrapper_footer #subir .imagen{
	width: 20px;
	float: left;
}