/******** Estilo propuesto por la gente del portal ***********/

body {
    background-color:#fff;
    font-family:'Roboto';
	font-weight: 300;
	color:#333;
	font-size:14px;
    margin:0px;
}


@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJf79_ZuUxCigM2DespTnFaw.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOJBw1xU1rKptJj_0jans920.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/mnpfi9pxYH-Go5UiibESIpBw1xU1rKptJj_0jans920.woff2) format('woff2');
}

a {
  color: #a21b38;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #a21b38;
  text-decoration: underline;
}

#decotop {
    background-color:#000;
    height:40px;
	margin:0px;		
}

#decotop > li {
  float: none;
}

#decotop > li > a {
  margin-right: 0;
}

#decotop {
  border-bottom: 0;
}

#decotop > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

#decotop > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
}

#decotop > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}

#decotop > li > a:hover,
#decotop > li > a:focus {
  z-index: 2;
  border-color: #ddd;
}

#decotop > li > a {
  margin-bottom: 3px;
}

#decotop > li:last-child > a {
  margin-bottom: 1px;
}




/************************************************/
#container {
    background:transparent url(../images/bgnd.jpg) repeat scroll 0 0;
   max-width:1170px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
}
#top {
	background: transparent url(../images/cabezal3.svg) no-repeat;
    padding: 20px; 
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 150px;
    background-size: cover;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:20px;
	
}

#top img{
    width: 50%;
    height: auto;
}

#top-link1 { 
    position: absolute; 
    top: 30px; 
    left: 4px; 
    width: 200px; 
    height: 100px; 
    background-color: transparent; 
    /*border: 1px solid yellow;*/
}

#top-link2 { 
    position: absolute; 
    top: 40px; 
    left: 770px; 
    width: 180px; 
    height: 80px; 
    background-color: transparent; 
    /*border: 1px solid yellow;*/
}
#ContentForm {
	font-family:'Roboto';
	font-weight: 300;
    margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:40px;
    padding:10px 0 10px 0;
    text-align:left;
    width:100%;
}

#ContentForm h2 { 
	color:#A21A37
}
#footer {
    clear:both;
    height:75px;
	border-top: 1px solid #A21A37;
    margin-letf:auto;
	margin-right:auto;
	margin-top: 40px;
	margin-bottom: 10px;
}
#normal {
    font-weight:normal;
}

#menu_ppal {
    background:transparent url(images/repit_nav1.jpg) repeat-x scroll 0 0;
    height:61px;
    width:1170px;
}

#nav1_left {
    background:transparent url(images/top_left.jpg) no-repeat scroll left top;
    float:left;
    height:61px;
    width:11px;
}
#nav1_right {
    background:transparent url(images/top_right.jpg) no-repeat scroll left top;
    float:right;
    height:61px;
    width:11px;
}
#nav1 {
    background:transparent url(images/repit_nav1.jpg) repeat scroll 0 0;
    float:left;
    height:61px;
    text-align:center;
    width:930px;
}
#nav2 {
    background:transparent url(images/bgnd_nav2.jpg) repeat scroll 0 0;
    float:left;
    width:207px;
}
#bottom_nav2 {
    background:transparent url(images/bottom_nav2.jpg) repeat scroll 0 0;
    height:12px;
    width:207px;
}

#nav2 li {
    border-bottom:1px dotted #FFFFFF;
    color:#FFFFFF;
    font-size:13px;
    list-style-type:none;
    margin-left:5px;
    padding:10px 0 10px 5px;
}
#nav2 li:before {
    content:url(images/nav2_icon.jpg);
    padding:5px;
}
#nav2 ul {
    margin:0 0 0 3px;
    padding:0;
}
#nav1 li {
    background:transparent url(images/line.jpg) no-repeat scroll right top;
    color:#FFFFFF;
    float:left;
    font-size:13px;
    height:25px;
    list-style-type:none;
    margin-left:5px;
    padding:15px 29px 25px 10px;
    text-transform:uppercase;
}
#nav1 ul {
    margin:0 0 0 3px;
    padding:0;
}

#mainContent {
    float:right;
    margin-right:20px;
    padding:10px 0 10px 10px;
    text-align:left;
    width:700px;
}
#superior {
}
#izquierda {
}
#inferior {
}





select, textarea, input[type="password"], input[type="text"] {
  display: block;
  margin: 0;
  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  -ms-border-radius: none;
  -o-border-radius: none;
  border-radius: none;
  padding: 4px;
  border: solid 2px #c9c9c9;
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
}


select {
	background: url(../images/arrow.png) no-repeat right;
	padding-right:35px;
  
}
select, textarea, input[type="password"], input[type="text"]:focus {
  outline: none;
    border: solid 2px #969696;
}


.ro {
    background-color:#CCCCCC;
    border:1px solid #A21A37;
    /*color:#0000FF;*/
}

.form {
    background-color:#d5d9f2;
}

.boton {
	padding:10px;
    background-color: #666;
    color:#FFFFFF;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
font-size:14px;
}
.boton:hover {
	padding:10px;
    background-color:#A21A37;
   
    color:#FFFFFF;
}

a.boton {
    padding:10px;
    text-decoration: none;
    color:#FFFFFF;
		-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
font-size:14px;
}

a.boton:hover {
    padding:10px;
    text-decoration: none;
    cursor:default;
}

/***************************************************************/

/************* Estilos para struts2 ***********************/

.errorMessage {
    color:#A21A37;
    /*font-size: 0.8em;*/
}

.actionMessage {
    color: green;
    /*font-size: 0.8em;*/
}

.tdLabel, label.checkboxLabel {
    font-weight: normal;
}

.tdLabel {
    width:30%;
    vertical-align: top;
}

.label {
    font-style:normal;
    font-weight: normal;
}

.errorLabel {
    font-style:normal;
    color:#A21A37;
}

.checkboxErrorLabel {
    color:#A21A37;
}


/***************************************************************/

/************* Estilos propios ***********************/

table.wwFormTable {
    margin-right:auto;
    margin-left:auto;
}

table.wwFormTable td {
    padding-top: 1.0em;
    padding-bottom: 0.0em;
}

table.wwFormTable th {
    padding-top: 1.0em;
    padding-bottom: 00em;
}

table.centrada {
    margin-right:auto;
    margin-left:auto;
}

.big {
    font-size:16px;
    font-weight:bold;
	
}

.even {
    background-color:white;
}

.odd {
    background-color:#cccccc;
}

.centrado {
    text-align: center;
}

.derecha {
    text-align: right;
}

table.list, table.view {
    margin-right:auto;
    margin-left:auto;
	padding: 8px;
    border-collapse: separate;
	border: solid #ccc 1px;
	border-radius:8px;	
	background: rgba(255,255,255,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,0.65) 47%, rgba(181,181,181,0.25) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,0.65)), color-stop(100%, rgba(181,181,181,0.25)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,0.65) 47%, rgba(181,181,181,0.25) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,0.65) 47%, rgba(181,181,181,0.25) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,0.65) 47%, rgba(181,181,181,0.25) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,0.65) 47%, rgba(181,181,181,0.25) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b5b5b5', GradientType=1 );
}

table.list tr.odd {
    /*background-color: #ffd;*/
    /*background-color:#e7e9f2;*/
    /*background-color:#eef0f1;*/
    background-color: #EDD0D1;   
}

table.list tr.even {
    /*background-color: #dfd;*/
    background-color:white;
}

table.list td {

    /*border: 1px solid #8A8A8A;*/
    padding: 0.5em;
}

table.list th {
    /*border: 1px solid #8A8A8A;*/
    padding: 0.5em;
}

table.view td {
   
    /*border: 1px solid #8A8A8A;*/
    padding: 0.5em;
    text-align: left;
    /*background-color:#e7e9f2;*/
    background-color:#eef0f1;
    vertical-align: top;
}

table.view th {
    /*border: 1px solid #8A8A8A;*/
    padding: 0.5em;
    text-align: left;
    /*background-color:#e7e9f2;*/
    background-color:#eef0f1;
    vertical-align: top;
}


table.impresionHorizontal, table.impresionVertical {
    width: 100%;
}

table.impresionHorizontal th {
    width: 30%;
}

table.impresionVertical th {
    width: 30%;
}

.FormularioAnidado{
   border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #f0f0f0;
	background:#fafafa;
	padding: 15px 15px 25px 15px;
}

div.indicadorFijo {
    display:none;
    position: fixed;
    width: 100px;
    top: 0px;
    left: 50%;
    margin-left:-50px;
    background-color: #e7e9f2;
    font-weight: bold;
    text-align: center;
}

a.softwareLibre {
    color: white;
}

.ui-widget-overlay {
    background: #aaaaaa 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.invisible {
    display: none;
}