/*
 * SimpleModal OSX Style Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: osx.css 254 2010-07-23 05:14:44Z emartin24 $
 */

#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */

#osx-overlay {display:none; cursor:wait;}

/* Container */
/*#osx-container {background-color:#FFF; color:#000; font: 16px/24px "Arial",sans-serif; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;}*/

#osx-container {
	border-radius: 10px 10px 10px 10px;
	box-shadow: 1px 1px 10px 6px rgba(51, 51, 51, 0.9);
	color: #333333;
	font-family: Arial,Helvetica,sans-serif;
	margin-left: -230px;
	padding: 24px 5px 5px;
	width:600px;
	height:305px;
	background-color: #FFFFFF;
	background-image: url(../Resources/static/app-images/bg_popup_english_you.gif);
	background-position: left top;
	background-repeat: repeat-x;
	display:none;
	 }
	 
	 
.popup_container { background-color: #FFFFFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px 10px 20px;}	
	 

#osx-container a {color:#FFF;}
#osx-container #osx-modal-title {/*color:#000; background-color:#FFF; border-bottom:1px solid #0583CC; font-weight:bold; padding:8px 12px;*/
 border-bottom: 1px solid #CCCCCC;
    line-height: 40px;
    margin-bottom: 10px;
    padding: 10px 0 10px 60px;
    position: static !important; color: #B42024;  font-family: Arial,Helvetica,sans-serif;
    font-size: 140%;
    font-weight: normal;
 background-image: url(../Resources/static/app-images/info_popup.png);  background-position: 10px 10px;
    background-repeat: no-repeat; /*text-shadow:0 1px 0 #0583CC;*/}


#osx-container .close {/*display:none; position:absolute; right:0; top:0;*/ float: right;
    width: 40px;}
#osx-container .close a {/*display:block; color:#0583CC; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #0583CC;*/  background: url(../Resources/static/app-images/x-transp.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline;
    float: right;
    height: 29px;
    position: absolute;
    right: 0;
    top: 1px;
    width: 25px;
    z-index: 3200;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:4px; margin-left:15px;}
#osx-container span {color:#0583CC;}
#osx-container .gorria{color:#FF0000;}
#osx-container #laX{margin-right:5px;margin-top:50px;}


#osx-container .input_txt {
    background-color: #f0f0f0;
    border: 1px solid #161616;
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    font-size: 110%;
	margin-bottom:10px;
    padding: 7px 5px;
    width: 300px;}


#osx-container .input_txt:focus {  border: 1px solid #333333;  background-color: #fff;}

.gradient {
	/*background: #00A3E2; /* for non-css3 browsers */
	/* filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ffffff, endColorstr=#00A3E2);*/
	 /*background: -webkit-gradient(linear, 0% 37%, 0% 100%, from(#ffffff), to(#00A3E2)); for webkit browsers */
	/*background: -moz-linear-gradient(top, #ffffff,   #00A3E2);  for firefox 3.6+ */ 
}

.negrita{
   color: #333333;
    font-size: 120%; font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;}
	
	
/* botones password */

#botoncillo, #botoncillo2  {  position: relative; width: 100%;}

#botoncillo button, #botoncillo2 button { background-color: #E3352E;
    border: 1px solid #C81528;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 110%;
    font-weight: bold;
    padding: 9px 5px;
    transition: color 0s ease 0s, all 0.25s ease 0s, all 0s ease-in-out 0s, background 0s ease 0s, all 0.25s ease 0s, all 0s ease-in-out 0s;
    width: 180px; margin-top:15px;}

#botoncillo button:hover, #botoncillo button:focus, #botoncillo2 button:hover, #botoncillo2 button:focus {
    background-color: #C12D27;
    border: 1px solid #A21121;
}


#sessionout {
    background-color: #f2f2f2;
    height: 300px;
    width: 453px;
	margin-left:-230px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:10px solid #333;
padding:15px;
font-family:Arial, Helvetica, sans-serif;
color:#424242;
}
#sessionout img { margin-top:10px;}

#sessionout h3 {
font-family:Arial, Helvetica, sans-serif;
    font-size:25px;
    z-index: 20;
}

#sessionout div p { font-size:90%; color:#424242;}

#sessionout .dialogClose{
	background-image: url(app-images/closem.png);
	background-repeat:no-repeat;
	margin-top:10px;
	width:200px;
	height:50px;
	cursor:pointer;
	background-position: center center;
	float:left;
	margin-left:130px;
}