/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
	background-image: url(../../images/jcarrion/fondo_interior.gif);
background-repeat:no-repeat;
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:active   {
}

A.SelectedTab:hover    {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:active   {
}

A.OtherTabs:hover    {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:active   {
}

A.CommandButton:hover    {
}
    
/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:active    {
}

A:hover {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* CSS Document */

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}
p{
font-size:11px;
line-height:18px;
color:#333333;
}
h1{
font-size:20px;
color:#3B1AA9;
font-weight:normal;
padding-top:0;
margin-top:0;
padding-bottom:0;
margin-bottom:8px;
}

h2{
font-size:16px;
color:#3B1AA9;
font-weight:normal;
padding-top:0;
margin-top:0;
}

h3{
font-size:14px;
color:#3B1AA9;
font-weight:normal;
padding-top:0;
margin-top:0;
padding-bottom:0;
margin-bottom:0;
}

ul
{
list-style-type:square;
padding: 0;
margin: 0;
}

li
{
margin-left:16px;
font-size:11px;
line-height:26px;
}

#bghome{
/*background-color:#F4F4F4;*/
/*background-image:url(../../images/jcarrion/background_home.gif);*/
background-image: url(../../images/jcarrion/fondo_home.gif);
background-repeat:no-repeat;}

#logohome{
position:absolute;
left:230px;
top:35px;
width: 218px;
height: 25px;
}
#sloganhome{
position:absolute;
top:37px;
left:506px;
width:267px;
height:22px;}
#fotohome{
position:absolute;
left:10px;
top:68px;
widht:383px;
height:69px;
}
#flashome{
position:absolute;
left:10px;
top:136px;
width:753px;
height:450px;}




/* estilos */
#idiomashome{
position:absolute;
top:43px;
left:11px;
width:186px;
height:20px;
color:#FFFFFF;
font-size:10px;
}
#idiomashome a{
color:#ffffff;
text-decoration:none;
}

#idiomashome a:hover{
color:#000000;
text-decoration:none;
}
.idiomaOn{
color:#000000;}

#menuprincipal{
position:absolute;
top:66px;
left:407px;
width:350px;
height:13px;
font-size:11px;
color:#575757;
/*border: 1px solid #00FF00;*/
}
#menuprincipal a{
color:#575757;
text-decoration:none;
}
#menuprincipal a:hover{
color:#3B1AA9;
text-decoration:none;
}
#menuprincipal a:active, #menuprincipal a:focus{
color:#3B1AA9;
text-decoration:none;
}

.menuprincipalOn{
color:#3B1AA9;
text-decoration:none;
}

#submenu1{
	position:absolute;
	top:88px;
	left:407px;
	width:340px;
	height:37px;
	border-top:1px solid #3B1AA9;
	font-size:11px;
	color:#575757;
}
#submenu1 a{
color:#575757;
font-size:11px;
text-decoration:none;}

#submenu1 a:hover{
color:#3B1AA9;
font-size:11px;
text-decoration:none;}

#icoactivo1{
position:absolute;
top:84px;
left:440px;
width:30px;
height:10px;
text-align:center;
}

#submenu2{
	position:absolute;
	top:88px;
	left:407px;
	width:340px;
	height:37px;
	border-top:1px solid #3B1AA9;
	font-size:11px;
	color:#575757;
}
#submenu2 a{
color:#575757;
font-size:11px;
text-decoration:none;}

#submenu2 a:hover{
color:#3B1AA9;
font-size:11px;
text-decoration:none;}

#icoactivo2{
position:absolute;
top:84px;
left:535px;
width:30px;
height:10px;
text-align:center;
}
#submenu3{
	position:absolute;
	top:88px;
	left:407px;
	width:340px;
	height:37px;
	border-top:1px solid #3B1AA9;
	font-size:11px;
	color:#575757;
}
#submenu3 a{
color:#575757;
font-size:11px;
text-decoration:none;}

#submenu3 a:hover{
color:#3B1AA9;
font-size:11px;
text-decoration:none;}

#icoactivo3{
position:absolute;
top:84px;
left:635px;
width:30px;
height:10px;
text-align:center;
}

.submenuOn{
color:#3B1AA9;
text-decoration:none;
padding:5px 5px 0px 5px;
vertical-align:top;
background-image: url(../../images/jcarrion/line_activo.gif);
background-repeat: no-repeat;
background-position: top center;
}
.tdsubmenu{
padding:5px 5px 0px 5px;
vertical-align:top;
color:#575757;}
.tdsubmenuOver{
color:#3B1AA9;
padding:5px 5px 0px 5px;
vertical-align:top;
background-image: url(../../images/jcarrion/line_activo.gif);
background-repeat: no-repeat;
background-position: top center;}


#homepie{
position: absolute;
top:500px;
left:11px;
width:347px;
height:18px;
font-size:10px;
color:#626262;
visibility:visible;
z-index:3;
}
#homepie a{
color:#626262;
text-decoration:none;
}

#homepie a:hover{
color:#2602A1;
text-decoration:none;
}

/* interior */

#contgral 
	{
	position:absolute;
	width:775px;
	background-image:url(../../images/jcarrion/fondo_interior.gif);
	background-repeat:repeat-y;
	/*border: 1px solid #0050A3;*/
	background-color: #E9E9E9;
	overflow: no;
	/*border:1px solid #66FF00;*/
	}

.fondinterior{
/*background-color:#F4F4F4;*/
/*background-image:url(../../images/jcarrion/background.gif);*/
background-image:url(../../images/jcarrion/fondo_interior.gif);
background-repeat:repeat-y;}

/* fondos cabeceras interiores */
/*** cada vez que tengamos una imagen de cabecera nueva, habra que duplicar la capa contenido****/
/***  darla otro nombre e indicar el nombre de la imagen a mostrar ***/
#contenido 
	{
	position:absolute;
	width:750px;
	margin-top:11px;
	margin-left:11px;
	background-image:url(../../images/jcarrion/fondo_cab_valores.jpg);
	background-repeat:no-repeat;
	background-position:right 121px;
	/*border: 1px solid #0050A3;*/
	background-color: #ffffff;
	overflow: no;
	}
	
#contdonde 
	{
	position:absolute;
	width:750px;
	margin-top:11px;
	margin-left:11px;
	background-image:url(../../images/jcarrion/fondo_donde.jpg);
	background-repeat:no-repeat;
	background-position:right 121px;
	/*border: 1px solid #0050A3;*/
	background-color: #ffffff;
	overflow: no;
	}
	
#contempleo 
	{
	position:absolute;
	width:750px;
	margin-top:11px;
	margin-left:11px;
	background-image:url(../../images/jcarrion/fondo_empleo.jpg);
	background-repeat:no-repeat;
	background-position:right 121px;
	/*border: 1px solid #0050A3;*/
	background-color: #ffffff;
	overflow: no;
	}		


#fotointleft{
position:absolute;
top:190px;
left:0;
width:192px;
height:330px;}

#fotomapa{
position:absolute;
top:245px;
left:65px;
width:300px;
height:314px;
/*border:1px solid #00FF00;*/
z-index:1;
}

#indicamapa{
position:absolute;
top:157px;
left:50px;
width:151px;
height:75px;
text-align:right;
font-size:11px;
line-height:19px;
color:#333333;
/*border:1px solid #00FF00;*/}
	
#idiomas{
position:relative;
width:71px;
float: right;
font-size:12px;
margin-right:5px;
margin-top:11px;
height:13px;
color:#575757;
font-size:10px;
}
#idiomas a{
color:#575757;
text-decoration:none;
}

#idiomas a:hover{
color:#000000;
text-decoration:none;
}
.idiomaOn{
color:#000000;}


#logoint{
position:relative;
left:0px;
width:140px;
float:left;
}

.clearet{
clear:both;}

#divtitulo {
position:absolute;
top:160px;
left:230px;
margin-top:20px;
width:329px;
height:55px;
float:left;
font-size:24px;
color:#666666;
/*border:1px solid  #00FF00;*/
z-index:2;
}

#info {
position:relative;
left:217px;
width:433px;
float:left;
padding-bottom:40px;
padding-top:110px;
}
#infodonde {
position:relative;
left:380px;
width:362px;
float:left;
padding-bottom:10px;
padding-top:120px;
}

#pie{
position:relative;
width:750px;
float:left;
font-size:10px;
color:#626262;
background-color:#E9E9E9;
padding-top:12px;
padding-bottom:30px;
}

#pie a{
color:#626262;
text-decoration:none;
}

#pie a:hover{
color:#2602A1;
text-decoration:none;
}

.subtitulo{
font-size:16px;
color:#3B1AA9;
margin-bottom:10px;}


a.boton{
width:55px;
height:40px;
display:block;
padding:5px 20px 10px 11px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
color:#666666;
text-decoration:none;
background-image: url(../../images/jcarrion/boton_big.gif);
background-repeat:no-repeat;
/*border:1px solid #00FF00;*/}


a.boton:hover{
width:55px;
height:40px;
display:block;
padding:5px 20px 10px 11px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
color:#666666;
text-decoration:none;
background-image:url(../../images/jcarrion/boton_big_over.gif);
background-repeat:no-repeat;
/*border:1px solid #00FF00;*/
}




a.boton1{
width:85px;
height:17px;
display:block;
padding:8px 20px 10px 7px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
color:#666666;
text-decoration:none;
background-image:url(../../images/jcarrion/boton.gif);
background-repeat:no-repeat;}

a.boton1:hover{
width:85px;
height:17px;
display:block;
padding:8px 20px 10px 7px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
color:#666666;
text-decoration:none;
background-image:url(../../images/jcarrion/boton_over.gif);
background-repeat:no-repeat;
}

a.boton2{
width:85px;
height:17px;
display:block;
padding:8px 20px 10px 7px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
color:#666666;
text-decoration:none;
background-image:url(../../images/jcarrion/boton_lapiz.gif);
background-repeat:no-repeat;}

a.boton2:hover{
width:85px;
height:17px;
display:block;
padding:8px 20px 10px 7px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
color:#666666;
text-decoration:none;
background-image:url(../../images/jcarrion/boton_lapiz_over.gif);
background-repeat:no-repeat;
}

#zonaimprimir{
position:absolute;
top:5px;
right:15px;
width:92px;
height:41px;
/*border:1px solid #00FF00;*/
}

a.botprint{
width:67px;
height:23px;
display:block;
padding:8px 20px 5px 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
color:#666666;
text-decoration:none;
background-image:url(../../images/jcarrion/boton_print.gif);
background-repeat:no-repeat;}

a.botprint:hover{
width:67px;
height:23px;
display:block;
padding:8px 20px 5px 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
color:#666666;
text-decoration:none;
background-image:url(../../images/jcarrion/boton_print_over.gif);
background-repeat:no-repeat;
}

.texto{
font-size:11px;
color:#666666;
}
a.texto{
font-size:11px;
color:#666666;
text-decoration:none;
}
a.texto:hover{
font-size:11px;
color:#666666;
text-decoration:underline;
}
.textodestacado{
font-size:11px;
color:#270297;
font-weight:bold;
}

.perfiles{
padding: 0px 40px 20px 0px;}

/* formularios*/
select{
font-size:10px;}

input{
font-size:10px;
padding:2px;
color:#333333;
border:1px solid #CCCCCC;}

label{
font-size:10px;
font-weight:bold;
color:#000000;
line-height:16px;
}
.espacioform{
padding: 0px 8px 10px 0px; }


/* CSS Yazan */

#todo{
position:relative;

}
.todo{
position:relative;

}


.titulo_interior{
font-size:16px;
color:#3B1AA9;
font-weight:normal;
padding-top:0;
margin-top:0;
}

.menuhome
{
	font-size:11px;
	color:#666666;
	padding:0;
	margin:0;
	line-height:2px;
}

a.menuhome
{
	font-size:11px;
	color:#666666;
	padding-left:10px;
	text-decoration:none;
}

a.menuhome:visited
{
	font-size:11px;
	color:#666666;
	padding-left:10px;
	text-decoration:none;
}

a.menuhome:hover
{
	font-size:11px;
	padding-left:10px;
	color:#3B1AA9;
	text-decoration:none;
	background-image:url(/JCARRION/images/veinsur/line_activo_horiz.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.titulo1 
{
font-size:20px;
color:#666666;
	}
	
	
.txtlistado{
position:relative;
width:80%;
float:left;
padding-bottom:10px;
/*border:1px solid #33FF00;*/
}

.titlistado{
font-size:14px;
color:#3B1AA9;
font-weight:normal;
padding-top:0;
margin-top:0;
padding-bottom:0;
margin-bottom:2px;
float:left;
/*border:1px solid #33FF00;*/
}
.titlistado a{
text-decoration:none;
color:#3B1AA9;
}
.titlistado a:hover{
text-decoration:underline;
color:#3B1AA9;
}