/*
Theme Name: doTemplate custom theme
Theme URI: http://www.dotemplate.com
Author: doTemplate - Thierry Ruiz
Author URI: http://www.dotemplate.com
Description: Generated template created with doTemplate online editor
Version: 1.0
License: GNU General Public License
License URI: 
Tags: custom-background, custom-colors, custom-header, custom-menu
*/



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

Copyright 2007-2012 - Thierry Ruiz - www.dotemplate.com - All rights reserved.

THIS TEMPLATE IS FREE FOR PERSONAL USE ONLY AS LONG AS YOU KEEP THE EXACT LINK TO WWW.DOTEMPLATE.COM IN THE FOOTER.

FOR COMMERCIAL USE OR FOR REMOVE THE DOTEMPLATE LINK, MAKE A 10 DOLLARS DONATION at www.dotemplate.com/#donate

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


/* CSS reset 3.2.0 Copyright (c) Yahoo. */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
{
	margin: 0;
	padding: 0;
}

table
{
	border-spacing: 0;
	border-collapse: collapse;
}

fieldset, img
{
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var
{
	font-style: normal;
	font-weight: normal;
}

li
{
	list-style: none;
}

caption, th
{
	text-align: left;
}

h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after
{
	content: '';
}

abbr, acronym
{
	font-variant: normal;
	border: 0;
}

sup
{
	vertical-align: text-top;
}

sub
{
	vertical-align: text-bottom;
}

input, textarea, select
{
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
}

legend
{
	color: #000;
}

a img
{
	border: none;
}

.clear
{
	clear: both;
	height: 0;
	visibility: hidden;
	width: 0;
	overflow: hidden;
	display: block;
}

html
{
	overflow-y: scroll;
	margin: 0 0 0 -1px;
}

body
{
	width: 100%;
	display: table;
}



#top
{
	position: absolute;
	height: 36px;
	width: 100%;
	top: 0px;
	background-color: #141414;
	background-image2: url('#000000' );
	background-position: center top;
	background-repeat: repeat-x;
	background-image: url('images/css/top-bg.png');
	left: 0px;
	position: fixed;
	z-index: 1;
	background-color: #141414;
}
#top ul
{
	color: White;
	padding-top: 12px;
	padding-left: 20px;
	font-family: Helvetica, Arial, sans-serif;
	color: Silver;
	font-size: 14px;
	letter-spacing: 0px;
	font-weight: 400;
}

#top a:hover
{
	color: White;
	cursor: pointer;
}

#top a
{
	color: inherit;
	text-decoration: inherit;
	cursor: pointer;
}

#top .overlay
{
	background-image: none;
	text-align: left;
}

#wrapper
{
	width: 100%;
	background-color: Transparent;
	background-position: center top;
	background-repeat: repeat-x;
/*	background-image: url('images/css/wrapper-bg.png');*/
}

#wrapper .overlay
{
	position: absolute;
	height: 500px;
	width: 1400px;
	background-color: transparent;
	margin-left: -700.0px;
	left: 50%;
	background-repeat: no-repeat;
	/*background-image: url('images/css/wrapper-img.png');*/
	background-position: center top;
	top: 30px;
}

#wrapper .border-top
{
	position: absolute;
	height: 25px;
	width: 100%;
	background-color: transparent;
	background-repeat: repeat-x;
/*	background-image: url('images/css/wrapper-borderTop.png');*/
	background-position: center top;
}


#topSlideshowWrapper
{
	width: 100%;
	height: 260px;
	background-color: Transparent;
	background-position: center top;
	background-repeat: repeat-x;
}


#sliderContainer
{
	width: 800px;
	margin: 0 auto;
}

#sliderContainer2
{
	width: 800px;
	background-color: #FAFAFA;
	margin: 0 auto; /*	box-shadow:0px 5px 10px #CCC;*/
	border-bottom: solid 1px #f2f2f2;
}


#slider1
{
	width: 100%;
	height: 260px;
	position: relative;
	overflow: hidden; /* important */
}


#slider1 img
{
	padding: 0;
	margin: 0;
	width: 800px;
	height: 260px;
}


#slider1 a img
{
	border: none;
}


#slider1Content
{
	margin: 0;
	padding: 0;
	height: 260px;
	font-size: 0;
	width: 100%;
	position: relative;
}


.slider1Image
{
	display: none;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

.slider1Image span
{
	position: absolute;
	left: 0;
	font-family: Arial;
	font-size: 14px;
	padding: 0px;
	padding-left: 20px;
	padding-top: 8px;
	width: 960px;
	/*background-color: #0B243B;*/
	color: #fff;
	display: none;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


.slider1Image .bottom
{
	bottom: 0;
	left: 0;
	height: 40px;
}


#sliderLeftMask
{
	height: 300px;
	position: absolute;
	top: 0;
	left: 0px;
	width: 180px;
	background: url('images/css/sliderLeftMask.png') no-repeat scroll center center transparent;
}



#sliderRightMask
{
	height: 300px;
	position: absolute;
	top: 0;
	left: 740px;
	width: 180px;
	background: url('images/css/sliderRightMask.png') no-repeat scroll center center transparent;
}



#container
{
	position: relative;
	width: 100%;
	margin: 30px auto;
}

#container .hd
{
	height: 250px;
	width: 100%;
	background-color: transparent;
	margin: 0 auto;
	/*background-image: url('images/css/container-hd.png');*/
	background-image: url('images/patron2.jpg');
	background-position: center top;
	background-repeat:repeat-x;
	
}

#container-top
{
	position: relative;
	height: 50px;
	width: 500px;
}

#banner
{
	position: relative;
	height: 250px;
	width: 100%;
	margin: 0px auto;
	left: 0px;
	float:left;
	text-align:left;
}

#hmenu-wpr
{
	height: 50px;
	width: 600px;
	margin: 0px auto;
	top: 0px;
	
}

ul#hmenu
{
	list-style-type: none;
	height: 50px;
	font: 12px Helvetica,sans-serif;
	text-transform: uppercase;
	margin: 0 auto;
	padding: 0;
	color:#585858;
	font-weight:bold;
}

ul#hmenu li a, 
ul#hmenu li a:visited
{
	line-height: 24px;
}

ul#hmenu li a.toplvl:visited, 
ul#hmenu li a.toplvl
{
	line-height: 45px;
	font-weight: bold;
	padding: 0 40px;
	color:White;
	
}

.subsubMenu li a
{
	color:#585858;
	background:white;
	text-align:left;
}
.subsubMenu li a:hover
{
	background:#CCC;
}
.subsubMenu
{
	
}



ul#hmenu li a.toplvl:hover, 
ul#hmenu li.current a.toplvl
{
	color:Aqua;
}

.sf-menu, 
.sf-menu *
{
	list-style: none;
}

.sf-menu
{
	line-height: 1.0;
	margin-bottom: 1em;
	float: left;
}

.sf-menu ul
{
	position: absolute;
	width: 150px;
	top: -999em;
	
}

#hmenu .sf-menu ul
{
	height: 50px;
	
}

.sf-menu ul li
{
	width: 100%;
	
	
}

.sf-menu li:hover
{
	visibility: inherit;
	color:Aqua;
}

.sf-menu li
{
	position: relative;
	float: left;
}

.sf-menu a
{
	position: relative;
	text-decoration: none;
	display: block;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul
{
	left: 0;
	z-index: 99;
	top: 45px;/*** Altura sub menu*/
}

#hmenu .sf-menu li:hover ul, #hmenu .sf-menu li.sfHover ul
{
	top: 45px;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul
{
	top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul
{
	/* match ul width */
	top: 0;
	left: 150px;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul
{
	top: -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul
{
	/* match ul width */
	top: 0;
	left: 150px;
}

.sf-menu ul li a
{
	padding: .75em 1em;
}

.sf-menu li li
{
	/*background: #003078;*/
}

.sf-menu li li li
{
	background: #003078;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
{
	outline: 0;
}

.sf-menu a.sf-with-ul
{
	padding-right: 2.25em;
	min-width: 1px;
}

.sf-sub-indicator
{
	position: absolute;
	text-indent: -999em;
	height: 10px; /* IE6 only */
	width: 10px;
	background: url('images/css/hmenu-arrows.png') no-repeat 0px 0px;
	overflow: hidden;
	display: block;
	right: .75em;
	top: 1.05em;
}

a > .sf-sub-indicator
{
	top: 12px;
}

a.toplvl > .sf-sub-indicator
{
	/* give all except IE6 the correct values */
	top: 22.0px;
	background-position: 0 -10px;
}

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator
{
	background-position: 0px -100px;
}

.sf-menu ul .sf-sub-indicator
{
	background-position: -10px 0;
}

.sf-menu ul a > .sf-sub-indicator
{
	background-position: 0 0;
}

.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator
{
	background-position: -10px 0;
}

.sf-shadow ul
{
	-wwebkit-border-top-right-radius: 17px;
	box-shadow: 5px 5px 5px #CCC;
	-wwebkit-border-bottom-left-radius: 17px;
	-mmoz-border-radius-topright: 17px;
	-webkit-box-shadow: 5px 5px 5px #CCC;
	background: url('../images/shadow.png') no-repeat bottom right;
	border: 1px solid #AAA;
	ppadding: 0 8px 9px 0;
	-mmoz-border-radius-bottomleft: 17px;
	-moz-box-shadow: 5px 5px 10px #AAA;
}

.sf-shadow ul.sf-shadow-off
{
	background: transparent;
}

.listax
{
	padding: 0;
	list-style-type: none;
}
.listax li
{
	background: #fff url("images/ksame.png") 0 3px no-repeat;
	padding: 0 0 30px 25px;
}


.listax2
{
	margin: 10px 0px;
	padding: 0;
	list-style-type: katakana;
}
.listax2 li
{
	background: none;
	padding: 0 0 10px 5px;
}

.CardText
{
	padding-left: 20px;
	padding-right: 20px;
	width: 600px;
}
.CardDB
{
	background-color: #1D69C5;
	border: solid 1px silver;
	border-color: Silver;
	border-radius: 10px;
	box-shadow: 5px 5px 10px #CCC;
	margin: auto;
	color: White;
	font: normal normal 700 16px/24px arial;
	font-family: Helvetica, Arial, sans-serif;
	padding: 30px 30px 0px 30px;
}

.Card
{
	width: 700px;
	height:250px;
	color:#585858;
	line-height:26px; 
	letter-spacing:.3px; 
	font-size:14px;
	text-align:left;
}

.Card div
{
	width: 50%;
	height: 250px;
	/*color: White;*/
	top: -100px;
	/*background-image2: url(images/bg.png);*/
	/*background-color: #4781AE;*/
	float: left;
}

.Card div rn2
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 50px;
}

.Cardi
{
	background-image: url(images/bg.png);
	border-radius: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.Card div a:Hover
{
	color: Silver;
	cursor: pointer;
}
.Card div a
{
	/*color: White;*/
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif;
	float: right;
}


#container .bd
{
	position: relative;
	width: 100%;
	background-color: transparent;
	margin: 0 0;
	background-position: center top;
	background-repeat: repeat-y;
	/*background-image: url('images/css/container-bd.png');*/
}

#page
{
	position: relative;
	width: 960px;
	margin: 0 auto;
}

linea
{
	font-size: 26px; 
	font-weight: 700; 
	width: 100%; 
	text-align: center; 
	color: Silver;
	letter-spacing: 5px;
}
linea:after
{
	content:".........................................................";
}

#main .content
{
	position: relative;
	/*margin: 10px 10px;*/
}

#main p a:link, #main p a:visited
{
	color: #1597A4;
	text-decoration: none;
}

#main p a:hover
{
	color: #ffa500;
}

#main h1
{
	color:#585858;
	font-size: 24px;
	margin: 15px 0 15px 0;
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:32px;
	/*text-shadow: -1px -1px #6495ED;*/
}

#main h2
{
	letter-spacing: normal;
	font-style: normal;
	background-color: transparent;
	font-weight: normal;
	padding: 0px;
	color: #000000;
	text-transform: none;
	font-size: 18px;
	margin: 10px 0 10px 0;
	font-family: Helvetica, Arial, sans-serif;
	border: 0;
	text-shadow: none;
	background-image: none;
	background-repeat: no-repeat;
}

#main h3
{
	letter-spacing: 1px;
	font-style: normal;
	background-color: transparent;
	font-weight: bold;
	padding: 0px;
	color: #000000;
	text-transform: none;
	font-size: 14px;
	margin: 5px 0;
	font-family: 'Trebuchet MS' , sans-serif;
	border: 0;
	text-shadow: none;
	background-image: none;
	background-repeat: no-repeat;
}

#main .content p
{
	text-align: justify;
}

#main h1:first-child
{
	margin: 0px 0 15px 0;
}

#sidebar
{
	width: 300px;
	z-index:70px;
	border-radius: 0px 0px 10px 0px;
	float:left;
}

#main
{
	line-height: 20px;
	color: #000000;
	text-transform: none;
	font-size: 13px;
	width: 960px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	background-color:White;
}


#sidebar .content
{
	position: relative;
	margin: 0 10px;
}

#sidebar2
{
	position: relative;
	width: 220px;
	margin-left: 0px;
	float: left;
}

#sidebar2 .content
{
	position: relative;
	margin: 0 10px;
}

#page a:link, #page a:visited
{
	text-decoration: none;
}

#page a:hover
{
	text-decoration: underline;
}

#container .ft
{
	position: relative;
	height: 300px;
	width: 100%;
	/*background-color: Black;*/
	margin: 0 auto;
	background-position: center top;
	background-repeat: repeat;
	background-image: url('images/patronr2.jpg');
	top:350px;
}

#footer
{
	position: relative;
	letter-spacing: normal;
	width: 960px;
	font-style: normal;
	background-color: transparent;
	font-weight: normal;
	line-height: 20px;
	height: 100px;
	color: #404040;
	text-transform: normal;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0 auto;
	background-image: none;
	
}

#footer .content
{
	position: relative;
	text-align: center;
	width: 100%;
	margin-top: 20px;
	float: left;
}

#footer p a:link, #footer p a:visited
{
	color: #008404;
	text-decoration: none;
}

#footer p a:hover
{
	color: #00EE00;
}

#container-bottom
{
	position: relative;
	height: 80px;
	width: 960px;
	margin: 0 auto;
}
.sidebox1
{
	letter-spacing: normal;
	font-style: normal;
	background-color: #EFF8FB;
	font-weight: normal;
	width:280px;
	line-height: 20px;
	color: #000000;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 20px 20px 20px 0px;
	border: 0;
	border-radius:10px;
	
}

.sidebox1 p a:link, .sidebox1 p a:visited
{
	color: #005b00;
	text-decoration: none;
}

.sidebox1 p a:hover
{
	color: #00EE00;
}

.sidebox1 h2
{
	letter-spacing: 1px;
	font-style: normal;
	background-color: transparent;
	margin-bottom: 5px;
	font-weight: bold;
	padding: 5px;
	line-height: 18px;
	color: #424242;
	text-transform: none;
	font-size: 14px;
	font-family: Arial, sans-serif;
	/*border: 1px solid #d02c1e;*/
	text-shadow: 0 -1px #940000;
	/*background-image: url('images/css/sidebox1-h2-bg.png');*/
	background-repeat: repeat-x;
	background-position: center top;
}

.sidebox1 .vmenu ul
{
	text-align: left;
	text-decoration: none;
	margin: 7px 0px 8px 0px;
	list-style: none; /*border-top:1px solid #eeeeee;*/
	padding: 0;
}

.sidebox1 .vmenu ul li
{
	border-bottom: 1px solid #dddddd;
	margin: 0;
	list-style: none;
	padding: 3px 0 6px 5px;
}

.sidebox1 .vmenu ul li a:link, .sidebox1 .vmenu ul li a:visited
{
	letter-spacing: normal;
	color: #424242;
	text-transform: normal;
	font-style: normal;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
	line-height: 23px;
}

.sidebox1 .vmenu ul li h1
{
	letter-spacing: .5px;
	color: #000000;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: 700;
	margin: 0px 0px 8px 0px;
}



.ftMenu h2
{
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 40px;
	color: #FFFFFF;
	text-transform: none;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}

.ftMenu ul li
{
	padding: 3px 0 0px 0px;
}

.ftMenu ul li a:link, .ftMenu ul li a:visited
{
	color: White;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

#capaHelp {
    display:none;
    background-color:#EFFBFB;
    width:200px;
    padding:10px 10px 0 10px;
    height:40px;
    color:#000;
    text-align:center;
    font-weight:bold;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
    margin:35px 10px 0 0px;
    position:absolute;
    z-index:101;
    box-shadow: 5px 5px 10px #000;
    border-radius:5px 5px 5px 5px
}
#capaContenido {
    padding:2px 25px 0 0;
    float:left;
    font-size:12px;
    color:#FFF;
    font-weight:bold;
    position:absolute;
}

#piePagina
{
	position: absolute;
	bottom:0;
	letter-spacing: normal;
	width: 100%;
	font-style: normal;
	background-color: #333333;
	font-weight: normal;
	line-height: 20px;
	height: 65px;
	color: #404040;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}